ပုံစံ borderWidth ပိုင်ဆိုင်မှု
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ ဘောင်လေးခု၏ အကျယ်ကို ပြောင်းပါ-
document.getElementById("myDiv").style.borderWidth = "thick";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
borderWidth ပိုင်ဆိုင်မှုသည် ဒြပ်စင်တစ်ခု၏ ဘောင်အကျယ်ကို သတ်မှတ် သို့မဟုတ် ပြန်ပေးသည်။
ဤပိုင်ဆိုင်မှုသည် တန်ဖိုးတစ်ခုမှ လေးခုအထိ ယူနိုင်သည်-
- တန်ဖိုးတစ်ခု၊ p ကဲ့သို့ {border-width: thick} - ဘောင်လေးခုလုံးသည် အထူဖြစ်လိမ့်မည်။
- ကဲ့သို့သော တန်ဖိုးနှစ်ခု- p {border-width: thick thin} - အပေါ်နှင့်အောက်ခြေဘောင်သည် ထူလိမ့်မည်၊ ဘယ်နှင့်ညာဘောင်သည် ပါးလွှာလိမ့်မည်
- p {border-width: thick thin medium}- ထိပ်ဘောင်သည် ထူလိမ့်မည်၊ ဘယ်နှင့်ညာ ဘောင်သည် ပါးမည်ဖြစ်ပြီး၊ အောက်ခြေဘောင်သည် အလယ်အလတ်ဖြစ်လိမ့်မည်
- ကဲ့သို့သော တန်ဖိုးလေးမျိုး- p {border-width: thick thin medium 10px} - အပေါ်ဘက်ဘောင်က ထူမယ်၊ ညာဘက်ဘောင်က ပါးမယ်၊ အောက်ခြေဘောင်က လတ်မယ်၊ ဘယ်ဘက်ဘောင်က 10px ဖြစ်မယ်။
Browser ပံ့ပိုးမှု
Property | |||||
---|---|---|---|---|---|
borderWidth | Yes | Yes | Yes | Yes | Yes |
အထားအသို
borderWidth ပိုင်ဆိုင်မှုကို ပြန်ပေးပါ။
object.style.borderWidth
borderWidth ကို သတ်မှတ်ပါ-
object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
thin | Defines a thin border |
medium | Defines a medium border. This is default |
thick | Defines a thick border |
length | The width of the border in length units |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
နည်းပညာဆိုင်ရာအသေးစိတ်
မူလတန်ဖိုး: | အလယ်အလတ် |
---|---|
ပြန်ပို့တန်ဖိုး- | ဒြပ်စင်တစ်ခု၏ ဘောင်၏ အကျယ်ကို ကိုယ်စားပြုသော စာကြောင်းတစ်ခု |
CSS ဗားရှင်း | CSS1 |
နောက်ထပ် ဥပမာများ
ဥပမာ
အပေါ်နှင့်အောက်ခြေဘောင်၏ အကျယ်ကို အထူသို့ပြောင်းပြီး <div> ဒြပ်စင်တစ်ခု၏ ဘယ်နှင့်ညာဘောင်ကို ပါးလွှာစေရန် ပြောင်းပါ-
document.getElementById("myDiv").style.borderWidth = "thick thin";
ဥပမာ
အရှည် တန်ဖိုးကို အသုံးပြု၍ <div> ဒြပ်စင်တစ်ခု၏ ဘောင်လေးခု၏ အကျယ်ကို ပြောင်းပါ -
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ ဘောင်၏ အကျယ်ကို ပြန်ပေးပါ။
alert(document.getElementById("myDiv").style.borderWidth);
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Border
CSS ရည်ညွှန်းချက်- ဘောင်-အကျယ် ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်းချက်- နယ်စပ်ပိုင်ဆိုင်မှု
❮ စတိုင်အရာဝတ္ထု