CSS တွင် နယ်နိမိတ်များနှင့် အလုပ်လုပ်ခြင်း အခြေခံများ

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

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

ဥပမာအနေဖြင့်၊ အထူ 3 ပစ်ကယ်၊ အစိုင်အခဲမျဉ်းပုံစံ၊ အနီရောင်ရှိသော နယ်နိမိတ်တစ်ခု ပြုလုပ်ကြည့်ပါ-

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

css#elem {
  border-width: 3px;    /* အထူ 3px */
  border-style: solid;  /* မျဉ်းပုံစံဖြင့် */
  border-color: red;    /* အနီရောင် */
  width: 300px;
  height: 100px;
}

Результат:

နောက်လာမည့် သင်ခန်းစာများတွင် ကျွန်ုပ်တို့သည် နယ်နိမိတ်များနှင့် အလုပ်လုပ်ခြင်းကို ပိုမိုအသေးစိတ် လေ့လာပါမည်။