CSS တွင် တစ်ဖက်စီအတွက် နယ်နိမိတ်များ

တစ်ဖက်စီအတွက် အတိုကောက် ဂုဏ်သတ္တိများလည်း ရှိပါသည်- border-left (ဘယ်ဘက်နယ်နိမိတ်), border-right (ညာဘက်နယ်နိမိတ်), border-top (ထိပ်ဘက်နယ်နိမိတ်), border-bottom (အောက်ခြေနယ်နိမိတ်)။

border-left ဂုဏ်သတ္တိကို အသုံးပြု၍ အရာဝတ္ထုတစ်ခုအတွက် ဘယ်ဘက်နယ်နိမိတ်သာ ပြုလုပ်ကြပါစို့-

html<div id="elem"></div>

css#elem {
  width: 300px;
  height: 100px;
  border-left: 1px solid red;
}

Результат:

ယခု ဘယ်ဘက်နှင့် ညာဘက် နယ်နိမိတ်နှစ်ခုလုံးကို တစ်ချိန်တည်း ပြုလုပ်ကြပါစို့-

html<div id="elem"></div>

css#elem {
  width: 300px;
  height: 100px;
  border-left: 1px solid red;
  border-right: 1px solid red;
}

Результат: