စတိုင် ကောက်ကြောင်း Style အိမ်ခြံမြေ
ဥပမာ
<div> ဒြပ်စင်တစ်ဝိုက်တွင် "အစိုင်အခဲ" အကွက်ကို ထည့်ပါ-
document.getElementById("myDiv").style.outlineStyle = "solid";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ကောက်ကြောင်းပုံစံပိုင်ဆိုင်မှုသည် ဒြပ်စင်တစ်ဝိုက်ရှိ ကောက်ကြောင်းပုံစံကို သတ်မှတ်ပေးသည် သို့မဟုတ် ပြန်ပေးသည်။
ကောက်ကြောင်းတစ်ခုသည် ဒြပ်စင်တစ်ခုပတ်လည်ရှိ မျဉ်းတစ်ခုဖြစ်သည်။ ၎င်းကို ဒြပ်စင်၏အနားသတ်ပတ်လည်တွင် ပြသထားသည်။ သို့သော်လည်း နယ်စပ်ပိုင်ဆိုင်မှုနှင့် ကွဲပြားသည်။
ကောက်ကြောင်းသည် ဒြပ်စင်၏အတိုင်းအတာများ၏ အစိတ်အပိုင်းမဟုတ်ပါ၊ ထို့ကြောင့် ဒြပ်စင်၏ အကျယ်နှင့် အမြင့်ဂုဏ်သတ္တိများသည် ကောက်ကြောင်း၏ အကျယ်မပါဝင်ပါ။
Browser ပံ့ပိုးမှု
Property | |||||
---|---|---|---|---|---|
outlineStyle | Yes | Yes | Yes | Yes | Yes |
အထားအသို
အကြမ်းဖျင်းပုံစံပိုင်ဆိုင်မှုကို ပြန်ပေးပါ။
object.style.outlineStyle
အကြမ်းဖျင်းပုံစံပိုင်ဆိုင်မှုကို သတ်မှတ်ပါ-
object.style.outlineStyle = value
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
none | Defines no outline. This is default |
hidden | The outline is turned off |
dotted | Defines a dotted outline |
dashed | Defines a dashed outline |
solid | Defines a solid outline |
double | Defines a double outline |
groove | Defines a 3D grooved outline. The effect depends on the outline-color value |
ridge | Defines a 3D ridged outline. The effect depends on the outline-color value |
inset | Defines a 3D inset outline. The effect depends on the outline-color value |
outset | Defines 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 |
နည်းပညာဆိုင်ရာအသေးစိတ်
မူလတန်ဖိုး: | မရှိ |
---|---|
ပြန်ပို့တန်ဖိုး- | ဒြပ်စင်တစ်ခု၏ ကောက်ကြောင်းပုံစံကို ကိုယ်စားပြုသည့် စာကြောင်းတစ်ခု |
CSS ဗားရှင်း | CSS2 |
နောက်ထပ် ဥပမာများ
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ ကောက်ကြောင်းပုံစံကို ပြောင်းပါ-
document.getElementById("myDiv").style.outlineStyle = "solid";
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ ကောက်ကြောင်းပုံစံကို ပြန်ပေးပါ။
alert(document.getElementById("myDiv").style.outlineStyle);
ဥပမာ
မတူညီသောတန်ဖိုးများအားလုံးကို သရုပ်ပြခြင်း-
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS အကြမ်းဖျင်း
CSS ရည်ညွှန်းချက်- အကြမ်းဖျင်းပုံစံ ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်းချက်- အကြမ်းထည် ပိုင်ဆိုင်မှု
❮ စတိုင်အရာဝတ္ထု