CSS နယ်နိမိတ်များ
CSS ဘောင်ဂုဏ်သတ္တိများသည် သင့်အား ဒြပ်စင်တစ်ခု၏ဘောင်၏ စတိုင်၊ အကျယ်နှင့် အရောင်တို့ကို သတ်မှတ်နိုင်စေပါသည်။
ငါ့မှာ နယ်နိမိတ်တွေ အားလုံးရှိတယ်။
ငါ့မှာ အနီရောင်အောက်ခြေဘောင်ရှိတယ်။
ငါ့မှာ လုံးဝန်းတဲ့ နယ်နိမိတ်တွေ ရှိတယ်။
CSS Border Style
ပိုင်ဆိုင်မှုသည် ဖော်ပြ မည့် border-style
ဘောင်အမျိုးအစားကို သတ်မှတ်သည်။
အောက်ပါတန်ဖိုးများကို ခွင့်ပြုသည်-
dotted
- အစက်ချထားသော ဘောင်ကို သတ်မှတ်သည်။dashed
- ကန့်လန့်ဖြတ်ဘောင်ကို သတ်မှတ်သည်။solid
- ခိုင်မာသောနယ်စပ်ကိုသတ်မှတ်သည်။double
- နှစ်ထပ်နယ်စပ်ကိုသတ်မှတ်သည်။groove
- 3D ဖြတ်ထားသော ဘောင်ကို သတ်မှတ်သည်။ အကျိုးသက်ရောက်မှုသည် နယ်နိမိတ်အရောင်တန်ဖိုးပေါ်တွင် မူတည်သည်။ridge
- 3D အထွတ်အထိပ်ဘောင်ကို သတ်မှတ်သည်။ အကျိုးသက်ရောက်မှုသည် နယ်နိမိတ်အရောင်တန်ဖိုးပေါ်တွင် မူတည်သည်။inset
- 3D ထည့်သွင်းမှုဘောင်ကို သတ်မှတ်သည်။ အကျိုးသက်ရောက်မှုသည် နယ်နိမိတ်အရောင်တန်ဖိုးပေါ်တွင် မူတည်သည်။outset
- 3D အစပိုင်းတွင် ဘောင်ကို သတ်မှတ်သည်။ အကျိုးသက်ရောက်မှုသည် နယ်နိမိတ်အရောင်တန်ဖိုးပေါ်တွင် မူတည်သည်။none
- နယ်နိမိတ်မရှိဟု သတ်မှတ်သည်။hidden
- ဝှက်ထားသောနယ်စပ်ကိုသတ်မှတ်သည်။
ပိုင်ဆိုင်မှု တွင် border-style
တန်ဖိုးတစ်ခုမှ လေးခုအထိ ရှိနိုင်သည် (အပေါ်ဘက်ဘောင်၊ ညာဘက်ဘောင်၊ အောက်ခြေဘောင်နှင့် ဘယ်ဘက်ဘောင်အတွက်)။
ဥပမာ
မတူညီသောနယ်စပ်ပုံစံများကိုသရုပ်ပြခြင်း။
p.dotted {border-style: dotted;}
p.dashed
{border-style: dashed;}
p.solid {border-style: solid;}
p.double
{border-style: double;}
p.groove {border-style: groove;}
p.ridge
{border-style: ridge;}
p.inset {border-style: inset;}
p.outset
{border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}
ရလဒ်:
A dotted border.
A dashed border.
A solid border.
A double border.
A groove border. The effect depends on the border-color value.
A ridge border. The effect depends on the border-color value.
An inset border. The effect depends on the border-color value.
An outset border. The effect depends on the border-color value.
No border.
A mixed border.
မှတ်ချက်border-style
။ _