Style borderBottomStyle အကိုးအချုပ်

အသုံးပြုခြင်း နှင့် အသုံးပြုနည်း

borderBottomStyle အရိုးအစားကို အောက်ဘေးအရိုးအစားကို အစားထိုးသည် သို့မဟုတ် ကိုင်းပြီး အရိုးအစားကို ကွယ်ပြီး အစားထိုးပါ:

အခြားကြည်းစားများ

CSS ဖော်ပြချက်CSS အကျယ်အဝန်

CSS ပြည့်အချက်အလက်border-bottom-style အကိုးအချုပ်

HTML DOM ပြည့်အချက်အလက်border အကိုးအချုပ်

အကျယ်အဝန်း

လက်ရှိအကျယ်အဝန်း 1

ပြည့်ပုံ <div> အောက်ဘေးအရိုးအစားကို "ပြောင်းလဲသည်" ဖြင့်ပြင့်ပြတတ်ပါသည်:

document.getElementById("myDiv").style.borderBottomStyle = "solid";

ကျွန်တော်ကို ဝင်ကြိုးပါ

လက်ရှိအကျယ်အဝန်း 2

ပြည့်ပုံ <div> အောက်ဘေးအရိုးအစားကို "ပြောင်းလဲသည်" ဖြင့်ပြင့်ပြတတ်ပါသည်:

document.getElementById("myDiv").style.borderBottomStyle = "dotted";

ကျွန်တော်ကို ဝင်ကြိုးပါ

例子 3

返回

元素的下边框样式：

alert(document.getElementById("myDiv").style.borderBottomStyle);

ကျွန်တော်ကို ဝင်ကြိုးပါ

例子 4

အခြား အချက်အလက် တူညီမှု တွေ အတွက် ပြန်လည်ဖော်ပြပါ။

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;

ကျွန်တော်ကို ဝင်ကြိုးပါ

ပြောင်းလဲပုံ

borderBottomStyle အချက်အလက် ကို ပြန်လည်ပေးပါ။

object.style.borderBottomStyle

borderBottomStyle အချက်အလက် ကို အစားထိုးပါ။

object.style.borderBottomStyle = value

အချက်အလက်

value အချက်အလက်
none အချက်
အကြောင်းကြား အဘယ်သည့် ဘေး ကို သတ်မှတ်ပါ။ မြောက်မြားဆုံး ပုံစံဖြစ်သည်။
hidden none နှင့် အတူအတူ ဖြစ်သည်သော်လည်း ဘတ်မြုတ်အစိတ်ခုံ ဘေး အပြောင်းလဲမှု ပြင်ဆင်မှု အတွက် မမှာဘဲ။
dashed ပြောင်းလဲသော ဘေး ကို သတ်မှတ်ပါ။
solid ပန်းရွက် ဘေး ကို သတ်မှတ်ပါ။
double ဘေး ၂ လုံး ကို သတ်မှတ်ပါ။ ဘေး ၂ လုံး သည် border-width အချက်အလက် နှင့် ကွဲမှီ အရှိန် မှာ
groove 3D groove ဘေး ပြောင်းလဲကြောင်း ကို သတ်မှတ်ပါ။ အကျိုးဆက် အရှိန် မှာ border-color အခြေခံ ပုံစံ
ridge 3D ridge ဘေး ပြောင်းလဲကြောင်း ကို သတ်မှတ်ပါ။ အကျိုးဆက် အရှိန် မှာ border-color အခြေခံ ပုံစံ
inset 3D inset ဘေး ပြောင်းလဲကြောင်း ကို သတ်မှတ်ပါ။ အကျိုးဆက် အရှိန် မှာ border-color အခြေခံ ပုံစံ
outset 3D outset ဘေး ပြောင်းလဲကြောင်း ကို သတ်မှတ်ပါ။ အကျိုးဆက် အရှိန် မှာ border-color အခြေခံ ပုံစံ
initial အခြေခံ ပုံစံကို ပြင်ဘက် အရောက် အော်ဒါ အစိတ်ခုံ အခြေခံ အဖြစ် အစားထိုးပါ။ ကျမ်းကတ္တရာများကို ကြည့်ပါ။ initial.
inherit ပြင်ဘက် အရောက် အော်ဒါ အစိတ်ခုံ အခြေခံ ကို မျှော်လင့်ပါ။ ကျမ်းကတ္တရာများကို ကြည့်ပါ။ inherit.

နည်းပညာရေး အချက်အလက်

မြောက်မြားဆုံး ပုံစံ: none
သတင်းပေးခြင်း: သက်သေသည် အရောက် အောက်ဘေး အော်ဒါ အစိတ်ခုံ အပြုအမူကို ခေါ်ချင်း ပြောဆိုပါသည်။
CSS အဆင့်: CSS1

ဘတ်ရှားလုပ်ငန်းတူညီမှု

ဘတ်မြုတ်တွင် အခြေခံ သုံးစွဲနေသော ဘတ်ရှားလုပ်ငန်းတွေ အခြေခံ အဆင့်တူ ကို ရွေးချယ်ပါ။

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2

ဖော်ပြချက်:IE7 နှင့် အရှိန် တူကြောင်း အကျိုးဆက် "hidden" ကို မမြင်တော့ပါ။ IE9 နှင့် အရှိန် မြင်းကြောင်း "hidden" ကို ထောက်ပံ့ပါသည်။