Style borderStyle 属性
- အဆင်းနှင့်အတူ borderSpacing
- နောက်ဆုံး borderTop
- အဆင်းတက် HTML DOM Style အပေါင်း
定义和用法
borderStyle
属性设置或返回元素边框的样式。
此属性可以采用一到四个值:
- 一个值,例如:p {border-style: solid} - 所有四个边框都是实心的
- 两个值,例如:p {border-style: solid dotted} - 上下边框为实线,左右边框为虚线
- 三个值,例如:p {border-style: solid dotted double} - 上边框为实线,左右边框为点线,下边框为双线
- လေးခု အချက်အလက် အတူ ပြည့်ပြည့် {border-style: solid dotted double dashed} - အပေါ်ဘက် ဘေးအောက် ဘေးနှင့် အောက်ဘက် ဘေး ဘေးအောက် ဘေး ဘေးအောက် ဘေး ဘေးနှင့် ဘေးအောက် ဘေး ဘေးနှင့် ဘေးအောက် ဘေး ဘေးနှင့် ဘေးအောက် ဘေး ဘေးနှင့် ဘေးအောက် ဘေး ဘေး
ကြည့်ရှုရန်လို့:
CSS ပြည်ထောင်စာCSS အကျယ်အဝန်
CSS ကိုယ်စားပြုမည့်စာအုပ်:border-style အခြေအနေ
HTML DOM ကိုယ်စားပြုမည့်စာအုပ်:border 属性
实例
例子 1
为
元素添加实心边框:
document.getElementById("myDiv").style.borderStyle = "solid";
例子 2
更改
元素的四个边框的样式:
document.getElementById("myDiv").style.borderStyle = "dotted solid double dashed";
အမှတ် 3
ပြန်လည်ပေးပါ: <div> အပိုင်းချုပ် အပြုအမူ
alert(document.getElementById("myDiv").style.borderStyle);
အမှတ် 4
အခြား အရာများ အပြောင်းအလဲ ပြသပါ:
var listValue = selectTag.options[selectTag.selectedIndex].text; document.getElementById("myDiv").style.borderStyle = listValue;
ပုံစံ
borderStyle အရာ ပြန်လည်ပေးပါ:
object.style.borderStyle
borderStyle အရာ သတ်မှတ်ပြီး ပြင်ဆင်ပါ:
object.style.borderStyle = value
အရာ | ဖော်ပြ |
---|---|
none | အပိုင်းချုပ် အပြုအမူ မရှိသည်။ မူးမြောက် |
hidden | “none” နှင့် အတူပြီး အခြား အပိုင်းချုပ် အပြုအမူ အသုံးပြုပါ၏။ အခြား အပိုင်းချုပ် အပြုအမူ အသုံးပြုပါ၏။ |
dotted | အရောင်ရှိသော အပိုင်းချုပ် အပြုအမူ အသုံးပြုပါ၏。 |
dashed | အရောင်ရှိသော အပိုင်းချုပ် အပြုအမူ အသုံးပြုပါ၏。 |
solid | အရောင်ရှိသော အပိုင်းချုပ် အပြုအမူ အသုံးပြုပါ၏。 |
double | နှစ်ခုမှာ အပိုင်းချုပ် အပြုအမူ အသုံးပြုပါ၏။ နှစ်ခုမှာ အပိုင်းချုပ် အပြုအမူ အသုံးပြုပါ၏။ border-width အရာ၏ အသုံးပြုပါ၏。 |
groove | 3D အပြဿာအပိုင်းချုပ် အပြုအမူ အသုံးပြုပါ၏။ အကျိုးသက်ရောက်မှု အားဖြင့် border-color အရာ၏ အသုံးပြုပါ၏。 |
ridge | 3D အပြဿာအပိုင်းချုပ် အပြုအမူ အသုံးပြုပါ၏။ အကျိုးသက်ရောက်မှု အားဖြင့် border-color အရာ၏ အသုံးပြုပါ၏。 |
inset | 3D inset အပိုင်းချုပ် အပြုအမူ အသုံးပြုပါ၏။ အကျိုးသက်ရောက်မှု အားဖြင့် border-color အရာ၏ အသုံးပြုပါ၏。 |
outset | 3D outset အပိုင်းချုပ် အပြုအမူ အသုံးပြုပါ၏။ အကျိုးသက်ရောက်မှု အားဖြင့် border-color အရာ၏ အသုံးပြုပါ၏。 |
initial | အရာကို မူးမြောက် ပုံစံသို့ သတ်မှတ်ပြီး ကျမ်းကို ကြည့်ရမည့်ပါ。 initial。 |
inherit | အဖွဲ့ဝင် အသုံးပြုသည့် အရာကို ဖွဲ့ဝင် အပိုင်းချုပ် အခြေခံ ပုံစံမှ ဖွဲ့စည်းပြီး ကျမ်းကို ကြည့်ရမည့်ပါ。 inherit。 |
နည်းပညာဆိုင်ရာ အချက်အလက်
မူးမြောက် အရာ: | မရှိ |
---|---|
သတင်းပေးသော အရာ: | ကိုယ်စားပြုသည့် အစိတ်အပိုင်း၏ အပိုင်းချုပ် အပြုအမူကို ကိုယ်စားပြုသည့် သံသယဖြင့် ပြောဆိုသော ကြောက်ကြားသည့် စကားလုံးအသုံးပြုသည်。 |
CSS ပုံစံ: | CSS1 |
ဘာသာပြန်သူများ
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ |
- အဆင်းနှင့်အတူ borderSpacing
- နောက်ဆုံး borderTop
- အဆင်းတက် HTML DOM Style အပေါင်း