CSS ဘောင် ပုံစံ ပိုင်ဆိုင်မှု
ဥပမာ
နယ်စပ်အတွက် စတိုင်တစ်ခု သတ်မှတ်ပါ-
div {border-style: dotted;}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ပိုင်ဆိုင်မှု သည် border-style
ဒြပ်စင်တစ်ခု၏ ဘောင်လေးခု၏ ပုံစံကို သတ်မှတ်သည်။ ဤပိုင်ဆိုင်မှုသည် တန်ဖိုးတစ်ခုမှ လေးခုအထိ ရှိနိုင်သည်။
ဥပမာများ-
- နယ်ခြားပုံစံ- အစက်အပြောက် အစိုင်အခဲ နှစ်ချက် အကွာအဝေး၊
- အပေါ်ဘက်ဘောင်သည် အစက်ချထားသည်။
- ညာဘက်ဘောင်သည် ခိုင်မာသည်။
- အောက်ခြေဘောင်သည် နှစ်ဆဖြစ်သည်။
- ဘယ်ဘက်ဘောင်ကို ဖြတ်ထားသည်။
- နယ်စပ်ပုံစံ- အစက်အပြောက် အစိုင်အခဲ နှစ်ထပ်၊
- အပေါ်ဘက်ဘောင်သည် အစက်ချထားသည်။
- ညာဘက်နှင့် ဘယ်ဘက်ဘောင်များသည် ခိုင်မာသည်။
- အောက်ခြေဘောင်သည် နှစ်ဆဖြစ်သည်။
- နယ်စပ်ပုံစံ- အစက်အပြောက်အစိုင်အခဲ၊
- အပေါ်နှင့်အောက်ခြေဘောင်များကို အစက်ချထားသည်။
- ညာဘက်နှင့် ဘယ်ဘက်ဘောင်များသည် ခိုင်မာသည်။
- နယ်စပ်စတိုင်- အစက်;
- နယ်နိမိတ် လေးခုစလုံးတွင် အစက်ချထားသည်။
မူလတန်ဖိုး: | မရှိ |
---|---|
အမွေဆက်ခံသည်- | မဟုတ်ဘူး |
သက်ဝင်လှုပ်ရှားနိုင်သော | မဟုတ်ဘူး ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS1 |
JavaScript syntax- | အရာဝတ္ထု .style.borderStyle="dotted double" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
border-style | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
မှတ်ချက်- "hidden" တန်ဖိုးကို IE7 နှင့် အထက်တွင် မပံ့ပိုးပါ။ IE8 တွင် !DOCTYPE လိုအပ်သည်။ IE9 နှင့် နောက်ပိုင်းတွင် "hidden" ကို ပံ့ပိုးပေးသည်။
CSS Syntax
border-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
none | Default value. Specifies no border | |
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-style: dashed;}
ဥပမာ
ခိုင်မာသောနယ်စပ်-
div {border-style: solid;}
ဥပမာ
နှစ်ထပ်ဘောင်-
div {border-style: double;}
ဥပမာ
မျဉ်းဘောင်-
div {
border-style: groove;
border-color: coral;
border-width: 7px;
}
ဥပမာ
တောင်တန်းနယ်နိမိတ်
div {
border-style: ridge;
border-color: coral;
border-width: 7px;
}
ဥပမာ
ထည့်သွင်းဘောင်-
div {
border-style: inset;
border-color: coral;
border-width: 7px;
}
ဥပမာ
အစပိုင်းဘောင်-
div {
border-style: outset;
border-color: coral;
border-width: 7px;
}
ဥပမာ
ဒြပ်စင်တစ်ခု၏တစ်ဖက်စီတွင် မတူညီသောဘောင်များကို သတ်မှတ်ပါ-
p.one {border-style: dotted solid dashed double;}
p.two {border-style: dotted solid dashed;}
p.three {border-style: dotted solid;}
p.four {border-style: dotted;}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Border
HTML DOM ရည်ညွှန်းချက်- borderStyle ပိုင်ဆိုင်မှု