CSS border-inline-start-breedte eigenschap

Vorige pagina border-inline-start-style
Volgende pagina border-inline-style

Definitie en gebruik

border-inline-start-width De breedte van de rand aan de begindoorzetting van het element van de eigenschap in de rechte richting.

Opmerking:Om border-inline-start-width De eigenschap moet worden ingeschakeld, de instelling is vereist border-inline-start-style 属性。

de eigenschappen van CSS. border-inline-start-width eigenschappen zijn vergelijkbaar met border-bottom-width,border-left-width,border-right-width en border-top-width De eigenschappen zijn zeer vergelijkbaar, maar border-inline-start-width De eigenschap is afhankelijk van de inline-richting.

Opmerking:gerelateerde CSS-eigenschappen writing-mode,text-orientation en direction Definieert de inline-richting. Dit beïnvloedt de begin- en eindpositie van de regels, evenals border-inline-start-width Het resultaat van de eigenschap. Voor Engelse pagina's is de inline-richting van links naar rechts, en de blokrichting is naar beneden.

Voorbeeld

Voorbeeld 1

Stel de breedte van de rand aan het begin van de inline-richting in:

div {
  border-inline-start-style: solid;
  border-inline-start-width: 10px;
}

Probeer het zelf uit

Voorbeeld 2: Combinatie met de writing-mode-eigenschap

De positie van de rand aan het begin van de inline-richting wordt beïnvloed door writing-mode Eigenschapsinvloed:

div {
  border-inline-start-style: solid;
  writing-mode: vertical-rl;
  border-inline-start-width: 5px;
}

Probeer het zelf uit

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 Eigenschapsinvloed:

div {
  direction: rtl;
  border-inline-start-width: 10px;
}

Probeer het zelf uit

CSS syntax

border-inline-start-width: medium|thin|thick|length|initial|inherit;

Eigenschapswaarde

Waarde	Beschrijving
medium	Specificeer een gemiddelde rand. Standaardwaarde.
thin	Specificeer een dunne rand.
thick	Specificeer een dikke rand.
length	Laat u toe om de dikte van de rand te definiëren. Raadpleeg:CSS Units.
initial	Stel deze eigenschap in op de standaardwaarde. Raadpleeg initial.
inherit	Deze eigenschap overneemt van de ouderlijke element. Raadpleeg inherit.

Technische details

Standaardwaarde:	medium
Inheritantie:	Nee
Animatie maken:	Ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie:	CSS3
JavaScript syntax:	object.style.borderInlineStartWidth="10px"