Mwili wa CSS border-inline-start-style
- msingani ya wasemaine border-inline-start-color
- Mpangilio wa mwisho border-inline-start-width
Ufafanuzi na matumizi
border-inline-start-style
Kuzingatia kufanya mifano ya uwanja wa kigeni cha kwanza cha kifungu.
Kipaa cha CSS border-inline-start-style
Kipaa kinapatikana na border-bottom-style
、border-left-style
、border-right-style
和 border-top-style
Mafanikio yanaingia sana, lakini border-inline-start-style
Kipaa kwa sababu ya uendo wa kifungu cha kigeni.
Tia:属性 za CSS writing-mode
、text-orientation
和 mazingira
定义了行内方向。这会影响一行的起始和结束位置,以及 border-inline-start-style
属性的结果。对于英文页面,行内方向是从左到右,块方向是向下。
实例
例子 1
为行内方向起始处的边框设置样式:
div { border-inline-start-style: dotted; }
例子 2:结合 writing-mode 属性
行内方向起始处边框的位置受 writing-mode
Muundo wa hatua wa tabia:
div { writing-mode: vertical-rl; border-inline-start-style: dotted; }
例子 3:结合 direction 属性
行内方向起始和结束处边框的位置受 mazingira
Muundo wa hatua wa tabia:
div { mazingira: rtl; border-inline-start-style: dotted; }
Inayotumika ya Ki-CSS
border-inline-start-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
Thamani ya tabia
Thamani | Ufafanuzi |
---|---|
none | Chaguo cha kuzingatia. Kusajiliwa kwa kina kina ya bila kina. |
hidden | Inayowakilisha none, lakini inafikia kwenye kusababisha kwenye viwango vya tabia ya jinga. |
dotted | Kusajiliwa kwa kina ya huzuni za kina. |
dashed | Kusajiliwa kwa kina ya huzuni. |
solid | Kusajiliwa kwa kina ya kufikia. |
double | Kusajiliwa kwa kina ya 2x na kufikia. |
groove |
Kusajiliwa kwa kina ya 3D ya kusababisha. Muundo wa hatua hufikia na thamani ya border-color. |
rigde |
Kusajiliwa kwa kina ya 3D ya kufikia. Muundo wa hatua hufikia na thamani ya border-color. |
inset |
Kusajiliwa kwa kina ya 3D ya kusababisha. Muundo wa hatua hufikia na thamani ya border-color. |
outset |
Kusajiliwa kwa kina ya uharibifu ya 3D. Muundo wa hatua hufikia na thamani ya border-color. |
initial | Kumaliza tabia hii kwa chaguo cha kuzingatia. Tazama initial. |
inherit | Kumaliza tabia hii kwa ulezo kutoka kwa elementi ya baba yake. Tazama inherit. |
Vivutio ya teknolojia
Chaguo cha kuzingatia: | none |
---|---|
Utekelezaji: | Hakuna |
Uharibifu wa tahero: | Hakuna tukio. Tazama:Tahero la uharibifu. |
Versioni: | CSS3 |
Inayotumika ya Ki-JavaScript: | object.style.borderInlineStartStyle="dotted" |
Tukio wa kufaa kwa kifungu
Viwango vya juzi kwenye tabia hufikia na version ya kwanza ya kufaa tabia hii ya kusaidia.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
Paezo za kusambaa
Mafunzo:Vijana vya CSS
Tunazoza:CSS kipimo cha border
Tunazoza:CSS kipimo cha border-inline
Tunazoza:CSS kipimo cha border-inline-end-style
Tunazoza:Mwili wa CSS border-inline-start-style
Tunazoza:CSS kipimo cha border-bottom-style
Tunazoza:Mwili wa CSS border-left-style
Tunazoza:Mwili wa CSS border-right-style
Tunazoza:Mwili wa CSS border-top-style
Tunazoza:Hisia CSS direction
Tunazoza:Mwaka wa text-orientation wa CSS
Tunazoza:Mwaka wa writing-mode wa CSS
- msingani ya wasemaine border-inline-start-color
- Mpangilio wa mwisho border-inline-start-width