ပြည်ထောင်စု စာစေး

CSS အမှတ်အသား စာအုပ်

CSS ဗီရိုး

ရွေးချယ်ထားသော သင်တန်း

ကျွန်ုပ်အဖြစ် ကောက်ချယ်ထားသော သင်တန်း

CodeW3C.com အစိတ်အစိတ်

စီစဥ်ပေါင်း အကျယ်း အော်ပရိသ်

上一页 border-inline-start-width
下一页 border-inline-width

ဖော်ပြချက် နှင့် အသုံးပြုခြင်း

border-inline-style အကြောင်းလုပ်မှု လျှောက်ခတ်ခြင်း ဖြင့် အချက်အလက် ဖြင့် အစိုးရပါ။

border-inline-style ဖော်ပြချက် အတ္ထုပတ္တိ

အကြောင်းလုပ်မှု အပြီး ဘယ်ဖက်မှ လျှောက်ခတ်ခြင်း ဖြင့် အကွက်ပုံ (ဂြိုဟ်ဖုံး) ဖြင့် ဖြိုးကြားသည်။ border-inline-style ဖော်ပြချက် အတ္ထုပတ္တိ

border-inline-style: solid dotted;

ဖော်ပြချက် အတ္ထုပတ္တိ
အကြောင်းလုပ်မှု စတင် ဘယ်ဖက်မှ လျှောက်ခတ်ခြင်း ဖြင့် အချက်အလက် (အဆင်းတူ) ဖြင့် ဖြိုးကြားသည်။

border-inline-style: dotted;

အကြောင်းလုပ်မှု စတင်နှင့် အပြီး ဘယ်ဖက်မှ လျှောက်ခတ်ခြင်း ဖြင့် အောက်ဆုံး အနေဖြင့် အကွက်ပုံ (ဂြိုဟ်ဖုံး) ဖြင့် ဖြိုးကြားသည်။

CSS ၏ border-inline-style ဖော်ပြချက် နှင့် border-bottom-style、border-left-style、border-right-style နှင့် border-top-style ဖော်ပြချက် အမျိုးအစား အတူ အသက်ဆိုးသည်။ border-inline-style ဖော်ပြချက် အကြောင်းလုပ်မှု ကို အစိုးရပါ။

မှတ်ချက်:ပတ်သက်သည့် CSS ဖော်ပြချက် writing-mode、text-orientation နှင့် direction အကြောင်းလုပ်မှု လျှောက်ခတ်ခြင်း ကို အသေးစိတ်ဖော်ပြသည်။ အကြောင်းလုပ်မှု စတင်နှင့် အပြီး အခြား နှင့် border-inline-style ရှိသော ဖော်ပြချက်။ အင်္ဂလိပ် စာရင်း အတွက်၊ အကြောင်းလုပ်မှု လျှောက်ခတ်ခြင်း မှာ ဘယ်ဖက်မှ လှည့်ဖြိုး၍ နေသည်။ ဘယ်ဖက်မှ နောက်ဆုံး လျှောက်ခတ်ခြင်း မှာ အောက်ဆုံး အနေဖြင့် ဖြိုးကြားသည်။

实例

例子 1

设置行内方向上的边框样式：

#example1 {
  border-inline-style: solid;
}
#example2 {
  border-inline-style: dashed dotted;
}

亲自试一试

例子 2：结合 writing-mode 属性

行内方向开始和结束处的边框位置受 writing-mode 属性影响：

div {
  writing-mode: vertical-rl;
  border-inline-style: dotted;
}

亲自试一试

例子 3：结合 direction 属性

行内方向开始和结束处的边框位置受 direction 属性影响：

div {
  direction: rtl;
  border-inline-style: solid dotted;
}

亲自试一试

CSS 语法

border-inline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

属性值

值	描述
none	默认值。指定无边框。
hidden	与 none 相同，但在表格元素的边框冲突解决中有所不同。
dotted	指定点线边框。
dashed	指定虚线边框。
solid	指定实线边框。
double	指定双线边框。
groove	指定 3D 凹槽边框。 အကျိုးသက်ရောက်မှု ဖြစ်ပေါ်သည် border-color အတွက်
ridge	指定 3D 凸起边框。 အကျိုးသက်ရောက်မှု ဖြစ်ပေါ်သည် border-color အတွက်
inset	指定 3D 内嵌边框。 အကျိုးသက်ရောက်မှု ဖြစ်ပေါ်သည် border-color အတွက်
outset	指定 3D 外凸边框。 အကျိုးသက်ရောက်မှု ဖြစ်ပေါ်သည် border-color အတွက်
initial	အခြား ပုံစံ ကို မည်သည်မဆို ပုံစံ သို့ ပြန်လည်ပြင်ဆင်ပြီး ကြည့်ရှုရန်: initial.
inherit	ဖြစ်ပေါ်သော ပုံစံ ကို ကိုယ်စားပြု လုပ်ဆောင်သည်။ ကြည့်ရှုရန်: inherit.

နည်းပါးသုံးစွဲခြင်း

မည်သည်မဆို ပုံစံ:	none
လုံလောက်ပုံ:	နည်းလမ်းမရှိ
အနုပညာ ပြုလုပ်:	မမြတ်တော်မူဘဲရှိပါ။ ကြည့်ရှုရန်:အနုပညာ သတ္တုပုံ သုံးစွဲခြင်း.
ပုံစံ:	CSS3
JavaScript အက္ခရာ:	object.style.borderInlineStyle="dotted"