CSS border-inline-start-stijl eigenschap

Vorige pagina border-inline-start-kleur
Volgende pagina border-inline-start-width

定义和用法

Definieert de inline-richting. Dit beïnvloedt de begin- en eindpositie van een regel, evenals 属性设置元素在行内方向起始处的边框样式。

CSS 的 Definieert de inline-richting. Dit beïnvloedt de begin- en eindpositie van een regel, evenals 属性与 border-bottom-style}border-left-style}border-right-style text-orientation border-top-style 属性非常相似，但 Definieert de inline-richting. Dit beïnvloedt de begin- en eindpositie van een regel, evenals 属性依赖于行内方向。

注意：相关的 CSS 属性 De positie van de rand aan het begin van de inline-richting wordt beïnvloed door}、 text-orientation De positie van de rand aan het begin en einde van de inline-richting wordt beïnvloed door en Definieert de inline-richting. Dit beïnvloedt de begin- en eindpositie van een regel, evenals border-inline-start-style

Het resultaat van de eigenschap. Voor Engelse pagina's is de inline-richting van links naar rechts, en de blokkenrichting is naar beneden.

Voorbeeld

Voorbeeld 1

Het effect van de eigenschap:
  direction: rtl;

border-inline-start-style: dotted;

Stijl instellen voor de rand aan het begin van de inline-richting:

Voorbeeld 2: Combinatie met de writing-mode-eigenschap De positie van de rand aan het begin van de inline-richting wordt beïnvloed door direction

Het effect van de eigenschap:
  writing-mode
  direction: rtl;

border-inline-start-style: dotted;

writing-mode: vertical-rl;

Voorbeeld 3: Combinatie met de direction-eigenschap De positie van de rand aan het begin en einde van de inline-richting wordt beïnvloed door direction

Het effect van de eigenschap:
  div {
  direction: rtl;

border-inline-start-style: dotted;

}

Probeer het zelf uit

CSS syntaxis

border-inline-start-style: none\|hidden\|dotted\|dashed\|solid\|double\|groove\|ridge\|inset\|outset\|initial\|inherit;	Eigenschapswaarde
none	Waarde
Beschrijving	Standaardwaarde. Specificeer geen rand.
hidden	Gelijk aan none, maar verschilt in de oplossing van conflicten bij de rand van tabelelementen.
dashed	Specificeer een gestippelde rand.
solid	Specificeer een rechte rand.
double	Specificeer een dubbele rand.
groove	Specificeer een 3D inkepingrand. Het effect hangt af van de waarde van border-color.
rigde	Specificeer een 3D uitsteekrand. Het effect hangt af van de waarde van border-color.
inset	Specificeer een 3D ingesloten rand. Het effect hangt af van de waarde van border-color.
outset	Specificeer een 3D uitsteekrand. Het effect hangt af van de waarde van border-color.
initial	Stel deze eigenschap in op de standaardwaarde. Raadpleeg initial.
inherit	Deze eigenschap erft van de ouderlijke element. Raadpleeg inherit.

Technische details

Standaardwaarde:	none
Inheritantie:	Nee
Animatie maken:	Niet ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie:	CSS3
JavaScript syntaxis:	object.style.borderInlineStartStyle="dotted"