CSS border-bottom-style Property
ဥပမာ
အောက်ခြေဘောင်အတွက် ပုံစံတစ်ခုကို သတ်မှတ်ပါ-
div {border-bottom-style: dotted;}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ပိုင်ဆိုင်မှု သည် border-bottom-style
ဒြပ်စင်တစ်ခု၏အောက်ခြေဘောင်ပုံစံကို သတ်မှတ်ပေးသည်။
မူလတန်ဖိုး: | မရှိ |
---|---|
အမွေဆက်ခံသည်- | မဟုတ်ဘူး |
သက်ဝင်လှုပ်ရှားနိုင်သော | မဟုတ်ဘူး ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS1 |
JavaScript syntax- | အရာဝတ္ထု .style.borderBottomStyle="dotted" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
border-bottom-style | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
CSS Syntax
border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
none | Specifies no border. This is default | |
hidden | The same as "none", except in border conflict resolution for table elements | |
dotted | Specifies a dotted border | |
dashed | Specifies a dashed border | |
solid | Specifies a solid border | |
double | Specifies a double border | |
groove | Specifies a 3D grooved border. The effect depends on the border-color value | |
ridge | Specifies a 3D ridged border. The effect depends on the border-color value | |
inset | Specifies a 3D inset border. The effect depends on the border-color value | |
outset | Specifies a 3D outset border. The effect depends on the border-color value | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
နောက်ထပ် ဥပမာများ
ဥပမာ
ကန့်လန့်ဖြတ် အောက်ခြေဘောင်-
div {border-bottom-style: dashed;}
ဥပမာ
အစိုင်အခဲအောက်ခြေဘောင်-
div {border-bottom-style: solid;}
ဥပမာ
နှစ်ထပ်အောက်ခြေဘောင်-
div {border-bottom-style: double;}
ဥပမာ
အောက်ခြေဘောင်ကို ဖယ်ရှားပါ-
div {border-bottom-style: none;}
ဥပမာ
အောက်ခြေဘောင်-
div {
border-bottom-style: groove;
border-bottom-color: coral;
border-bottom-width: 7px;
}
ဥပမာ
တောင်ကုန်းအောက်ခြေနယ်စပ်-
div {
border-bottom-style: ridge;
border-bottom-color: coral;
border-bottom-width: 7px;
}
ဥပမာ
ထည့်သွင်းထားသော အောက်ခြေဘောင်-
div {
border-bottom-style: inset;
border-bottom-color: coral;
border-bottom-width: 7px;
}
ဥပမာ
အစပိုင်းအောက်ခြေဘောင်-
div {
border-bottom-style: outset;
border-bottom-color: coral;
border-bottom-width: 7px;
}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Border
CSS ရည်ညွှန်းချက်- ဘောင်-အောက်ခြေ ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်းချက်- borderBottomStyle ပိုင်ဆိုင်မှု