ပုံစံ ဘောင်အရောင် ပိုင်ဆိုင်မှု
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ ဘောင်လေးခု၏ အရောင်ကို အနီရောင်သို့ ပြောင်းပါ-
document.getElementById("myDiv").style.borderColor = "red";
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
borderColor ပိုင်ဆိုင်မှုသည် ဒြပ်စင်တစ်ခု၏ဘောင်၏အရောင်ကို သတ်မှတ်ပေးသည် သို့မဟုတ် ပြန်ပေးသည်။
ဤပိုင်ဆိုင်မှုသည် တန်ဖိုးတစ်ခုမှ လေးခုအထိ ယူနိုင်သည်-
- p {border-color: red} ကဲ့သို့ တန်ဖိုးတစ်ခု - ဘောင်လေးခုစလုံးသည် အနီရောင်ဖြစ်ပါမည်။
- ကဲ့သို့သော တန်ဖိုးနှစ်ခု- p {border-color: red transparent} - အပေါ်နှင့်အောက်ခြေဘောင်သည် အနီရောင်ဖြစ်လိမ့်မည်၊ ဘယ်နှင့်ညာ ဘောင်သည် ပွင့်လင်းလိမ့်မည်
- p {border-color: red green blue}- အပေါ်ဘက်ဘောင်သည် အနီရောင်ဖြစ်မည်ဖြစ်ပြီး၊ ဘယ်နှင့်ညာဘောင်သည် အစိမ်းရောင်ဖြစ်ပြီး အောက်ခြေဘောင်သည် အပြာရောင်ဖြစ်လိမ့်မည်
- တန်ဖိုးလေးမျိုး၊ p {border-color: red green blue yellow} - အပေါ်ဘက်ဘောင်က အနီရောင်ဖြစ်မယ်၊ ညာဘက်ဘောင်က အစိမ်းရောင်ဖြစ်မယ်၊ အောက်ခြေဘောင်က အပြာဖြစ်မယ်၊ ဘယ်ဘက်ဘောင်က အဝါရောင်ဖြစ်မယ်။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
borderColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
အထားအသို
နယ်စပ်အရောင် ပိုင်ဆိုင်မှုကို ပြန်ပေးပါ-
object.style.borderColor
နယ်နိမိတ်အရောင်ကို သတ်မှတ်ပါ-
object.style.borderColor = "color|transparent|initial|inherit"
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
color | Specifies the color of the border. Look at CSS Color Values for a complete list of possible color values. Default color is the current color of the element |
transparent | The color of the border is transparent (underlying content will shine through) |
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.borderColor = "green purple";
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ ဘောင်အရောင်ကို ပြန်ပေးပါ။
alert(document.getElementById("myDiv").style.borderColor);
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Border
CSS ရည်ညွှန်းချက်- နယ်ခြား-အရောင် ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်းချက်- နယ်စပ်ပိုင်ဆိုင်မှု