CSS Border Sides
CSS Border - တစ်ဦးချင်း ဘေးများ
ယခင်စာမျက်နှာများရှိ နမူနာများမှ၊ တစ်ဖက်စီအတွက် မတူညီသောဘောင်တစ်ခုကို သတ်မှတ်နိုင်သည်ကို သင်တွေ့မြင်ရပါသည်။
CSS တွင် နယ်နိမိတ်တစ်ခုစီကို သတ်မှတ်ရန် ဂုဏ်သတ္တိများ (အပေါ်၊ ညာဘက်၊ အောက်နှင့် ဘယ်) တို့လည်း ရှိပါသည်။
ဥပမာ
p
{
border-top-style: dotted;
border-right-style: solid;
border-bottom-style: dotted;
border-left-style: solid;
}
ရလဒ်:
Different Border Styles
အထက်ဖော်ပြပါ ဥပမာသည် ဤကဲ့သို့တူညီသောရလဒ်ကိုပေးသည်-
ဥပမာ
p {
border-style: dotted solid;
}
ဒီတော့ ဒါက ဘယ်လိုအလုပ်လုပ်သလဲ၊
border-style
ပိုင်ဆိုင်မှုတွင် တန်ဖိုးလေးမျိုး ရှိလျှင် -
- နယ်ခြားပုံစံ- အစက်အပြောက် အစိုင်အခဲ နှစ်ချက် အကွာအဝေး၊
- အပေါ်ဘက်ဘောင်သည် အစက်ချထားသည်။
- ညာဘက်ဘောင်သည် ခိုင်မာသည်။
- အောက်ခြေဘောင်သည် နှစ်ဆဖြစ်သည်။
- ဘယ်ဘက်ဘောင်ကို ဖြတ်ထားသည်။
border-style
ပစ္စည်းတွင် တန်ဖိုးသုံးမျိုး ရှိလျှင်
- နယ်စပ်ပုံစံ- အစက်အပြောက် အစိုင်အခဲ နှစ်ထပ်၊
- အပေါ်ဘက်ဘောင်သည် အစက်ချထားသည်။
- ညာဘက်နှင့် ဘယ်ဘက်ဘောင်များသည် ခိုင်မာသည်။
- အောက်ခြေဘောင်သည် နှစ်ဆဖြစ်သည်။
border-style
အိမ်ခြံမြေတွင် တန်ဖိုးနှစ်ခု ရှိလျှင် -
- နယ်စပ်ပုံစံ- အစက်အပြောက်အစိုင်အခဲ၊
- အပေါ်နှင့်အောက်ခြေဘောင်များကို အစက်ချထားသည်။
- ညာဘက်နှင့် ဘယ်ဘက်ဘောင်များသည် ခိုင်မာသည်။
border-style
ပစ္စည်းသည် တန်ဖိုးတစ်ခုရှိလျှင် -
- နယ်စပ်စတိုင်- အစက်;
- နယ်နိမိတ် လေးခုစလုံးတွင် အစက်ချထားသည်။
ဥပမာ
/* Four values */
p {
border-style: dotted solid double dashed;
}
/* Three
values */
p {
border-style: dotted solid double;
}
/* Two values */
p {
border-style: dotted solid;
}
/* One value */
p {
border-style: dotted;
}
ပိုင်ဆိုင်မှု ကို border-style
အပေါ်က ဥပမာမှာ သုံးပါတယ်။ သို့သော်လည်း ၎င်းသည် နှင့် လည်း အလုပ်လုပ်
border-width
သည် border-color
။