border ဂုဏ်သတ္တိ

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

ဝါကျဖွဲ့ပုံ

cssselector {
  border: thickness type color;
}

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

ဥပမာ

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

html<div id="elem"></div>
css#elem {
  border: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

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

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