Borders (ဘောင်များ)

Border Style

Border တစ်ခု ဖန်တီးတော့မယ်ဆိုရင် အနည်းဆုံး အောက်ပါအချက် (၃) ချက်ကို သတ်မှတ်ပေးရပါတယ် -

Width: ဘောင်ရဲ့ အထူ (ဥပမာ - 1px, 2px)
Style: ဘောင်ရဲ့ ပုံစံ (solid အဖြောင့်၊ dashed အပြတ်၊ dotted အစက်လေးတွေ)
Color: ဘောင်ရဲ့ အရောင် (red, #000 စသဖြင့်)

.box {
  border: 2px solid black; /* 2px အထူ၊ မျဉ်းဖြောင့်၊ အမည်းရောင် */
}

.dashed-box {
  border: 2px dashed red; /* မျဉ်းပြတ် */
}

Border Radius (ထောင့်ကွေးခြင်း)

Element တွေရဲ့ လေးထောင့်စွန်းတွေကို ဝိုင်းသွားအောင် လုပ်ချင်တယ်ဆိုရင်တော့ border-radius ကို အသုံးပြုပေးရပါတယ်။

.card {
  border: 1px solid #ccc;
  border-radius: 10px; /* ထောင့်တွေကို 10px စာ ဝိုင်းမယ် */
}

.circle {
  width: 100px;
  height: 100px;
  border-radius: 50%; /* လုံးဝ အဝိုင်းဖြစ်သွားမယ် */
}