border ဂုဏ်သတ္တိ

border ဂုဏ်သတ္တိသည် နယ်နိမိတ်မျဉ်း၏ အရောင်၊ အမျိုးအစားနှင့် အထူကို အားလုံးဘက်တစ်ပြိုင်နက် သတ်မှတ်ပေးသည်။ ၎င်းသည် border-width, border-style နှင့် border-color တို့အတွက် အတိုကောက်ဂုဏ်သတ္တိတစ်ခုဖြစ်သည်။ အတိုချုံ့ထားသော ဂုဏ်သတ္တိများနှင့် မတူဘဲ 4 ဘက်အားလုံးအတွက် မတူညီသော နယ်နိမိတ်မျဉ်းများကို တစ်ပြိုင်နက် သတ်မှတ်၍မရပါ၊ အားလုံးအတွက် တူညီသောပုံစံကိုသာ သတ်မှတ်နိုင်သည်။

ဝါကျဖွဲ့ပုံ

selector {
	border: thickness type color;
}

တန်ဖိုးများ၏ အစီအစဥ်သည် အရေးမကြီးပါ။

ဥပမာ

အစိတ်အပိုင်းတစ်ခုအတွက် 1px အထူရှိသော အနက်ရောင် နယ်နိမိတ်မျဉ်းတစ်ခု ပြုလုပ်ကြပါစို့။

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

#elem {
	border: 1px solid black;
	width: 300px;
	height: 100px;
}

ဆက်လက်ဖတ်ရှုရန်

border-left ဂုဏ်သတ္တိ,
ဘယ်ဘက်နယ်နိမိတ်မျဉ်းကို သတ်မှတ်ပေးသည်
border-right ဂုဏ်သတ္တိ,
ညာဘက်နယ်နိမိတ်မျဉ်းကို သတ်မှတ်ပေးသည်
border-top ဂုဏ်သတ္တိ,
အပေါ်ဘက်နယ်နိမိတ်မျဉ်းကို သတ်မှတ်ပေးသည်
border-bottom ဂုဏ်သတ္တိ,
အောက်ဘက်နယ်နိမိတ်မျဉ်းကို သတ်မှတ်ပေးသည်
outline ဂုဏ်သတ္တိ,
အစိတ်အပိုင်းတစ်ခုအတွက် ကွန်တူးရစ်မျဉ်းကို သတ်မှတ်ပေးသည်
border-radius ဂုဏ်သတ္တိ,
နယ်နိမိတ်မျဉ်း၏ ထောင့်များကို ဝိုင်းစေသည်