Mwili wa CSS border-inline-start-style

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-styleborder-left-styleborder-right-styleborder-top-style Mafanikio yanaingia sana, lakini border-inline-start-style Kipaa kwa sababu ya uendo wa kifungu cha kigeni.

Tia:属性 za CSS writing-modetext-orientationmazingira 定义了行内方向。这会影响一行的起始和结束位置,以及 border-inline-start-style 属性的结果。对于英文页面,行内方向是从左到右,块方向是向下。

实例

例子 1

为行内方向起始处的边框设置样式:

div {
  border-inline-start-style: dotted;
}

Tukifanya kila hatua

例子 2:结合 writing-mode 属性

行内方向起始处边框的位置受 writing-mode Muundo wa hatua wa tabia:

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

Tukifanya kila hatua

例子 3:结合 direction 属性

行内方向起始和结束处边框的位置受 mazingira Muundo wa hatua wa tabia:

div {
  mazingira: rtl;
  border-inline-start-style: dotted;
}

Tukifanya kila hatua

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