CSS ကောက်ကြောင်းပုံစံ ပိုင်ဆိုင်မှု
ဥပမာ
ကောက်ကြောင်းအတွက် စတိုင်တစ်ခု သတ်မှတ်ပါ-
div {outline-style: dotted;}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ကောက်ကြောင်းတစ်ခုသည် ဒြပ်စင်အား "ထင်ရှားပေါ်လွင်စေရန်" နယ်နိမိတ်အပြင်ဘက်ရှိ ဒြပ်စင်များအနီးတွင် ရေးဆွဲထားသောမျဉ်းတစ်ခုဖြစ်သည်။
ပိုင်ဆိုင်မှု သည် outline-style
ကောက်ကြောင်းတစ်ခု၏ ပုံစံကို သတ်မှတ်သည်။
မူလတန်ဖိုး: | မရှိ |
---|---|
အမွေဆက်ခံသည်- | မဟုတ်ဘူး |
သက်ဝင်လှုပ်ရှားနိုင်သော | မဟုတ်ဘူး ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS2 |
JavaScript syntax- | အရာဝတ္ထု .style.outlineStyle="dashed" |
အကြံပြုချက်များနှင့် မှတ်စုများ
မှတ်ချက်- မျဉ်းကြောင်းများသည် နယ်နိမိတ် များနှင့် ကွဲပြားသည် ။ ဘောင်နှင့်မတူဘဲ၊ ကောက်ကြောင်းကို ဒြပ်စင်၏ဘောင်အပြင်ဘက်တွင် ဆွဲထားပြီး အခြားအကြောင်းအရာကို ထပ်နေနိုင်သည်။ ထို့အပြင်၊ ကောက်ကြောင်းသည် ဒြပ်စင်၏အတိုင်းအတာ၏ အစိတ်အပိုင်းတစ်ခုမဟုတ်ပါ။ ဒြပ်စင်၏ စုစုပေါင်း အကျယ်နှင့် အမြင့်သည် ကောက်ကြောင်း၏ အကျယ်အားဖြင့် သက်ရောက်မှုမရှိပါ။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
outline-style | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
CSS Syntax
outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
none | Specifies no outline. This is default | |
hidden | Specifies a hidden outline | |
dotted | Specifies a dotted outline | |
dashed | Specifies a dashed outline | |
solid | Specifies a solid outline | |
double | Specifies a double outliner | |
groove | Specifies a 3D grooved outline. The effect depends on the outline-color value | |
ridge | Specifies a 3D ridged outline. The effect depends on the outline-color value | |
inset | Specifies a 3D inset outline. The effect depends on the outline-color value | |
outset | Specifies a 3D outset outline. The effect depends on the outline-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 {outline-style: dashed;}
ဥပမာ
ခိုင်မာသောကောက်ကြောင်း
div {outline-style: solid;}
ဥပမာ
နှစ်ထပ်ကောက်ကြောင်း-
div {outline-style: double;}
ဥပမာ
groove ကောက်ကြောင်း-
div {
outline-style:
groove;
outline-color: coral;
outline-width: 7px;
}
ဥပမာ
တောင်ကြောကောက်ကြောင်း-
div {
outline-style:
ridge;
outline-color: coral;
outline-width: 7px;
}
ဥပမာ
ထည့်သွင်းဖော်ပြချက်-
div {
outline-style:
inset;
outline-color: coral;
outline-width: 7px;
}
ဥပမာ
အစပိုင်းကောက်ကြောင်း
div {
outline-style:
outset;
outline-color: coral;
outline-width: 7px;
}
ဥပမာ
မတူညီသောတန်ဖိုးများကို အသုံးပြု၍ ကောက်ကြောင်းတစ်ခု၏စတိုင်ကို သတ်မှတ်ပါ-
p.a {outline-style: dotted;}
p.b {outline-style: dashed;}
p.c {outline-style: solid;}
p.d {outline-style: double;}
p.e {outline-style: groove;}
p.f {outline-style: ridge;}
p.g {outline-style: inset;}
p.h {outline-style: outset;}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS အကြမ်းဖျင်း
CSS ရည်ညွှန်းချက်- အကြမ်းထည် ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်းချက်- အကြမ်းဖျင်းပုံစံ ပိုင်ဆိုင်မှု