CSS border-inline-start-width Eigenschaft

Definition und Verwendung

border-inline-start-width Die Breite der Umrandung am Anfang der inline-Direction des Eigenschaftselements zu setzen.

Hinweis:Um zu erreichen border-inline-start-width Die Eigenschaft ist aktiviert, muss jedoch eingerichtet werden border-inline-start-style Eigenschaften.

CSS- border-inline-start-width Eigenschaften sind ähnlich zu border-bottom-width,border-left-width,border-right-width und border-top-width Die Eigenschaften sind sehr ähnlich, aber border-inline-start-width Die Eigenschaft hängt von der Inline-Richtung ab.

Hinweis:und damit verbundenen CSS-Eigenschaften writing-mode,text-orientation und direction Definiert die Inline-Richtung. Dies beeinflusst den Anfang und das Ende der Zeile sowie border-inline-start-width Das Ergebnis der Eigenschaft. Für englische Seiten ist die Inline-Richtung von links nach rechts, die Block-Richtung ist nach unten.

Beispiel

Beispiel 1

Setzen Sie die Breite der Kante am Anfang der Inline-Richtung:

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

Probieren Sie es selbst aus

Beispiel 2: Kombination mit der writing-mode-Eigenschaft

Die Position der Kante am Anfang der Inline-Richtung wird beeinflusst von writing-mode Eigenschaftswirkung:

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

Probieren Sie es selbst aus

Beispiel 3: Kombination mit der direction-Eigenschaft

Die Position der Kante am Anfang und Ende der Inline-Richtung wird beeinflusst von direction Eigenschaftswirkung:

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

Probieren Sie es selbst aus

CSS-Syntax

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

Eigenschaftswert

Wert Beschreibung
medium Bestimmt die mittlere Kante. Standardwert.
thin Bestimmt die dünne Kante.
thick Bestimmt die Dicke der fetten Kante.
length Ermöglicht die Definition der Dicke der Kante. Siehe:CSS-Einheiten.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe: initial.
inherit Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe: inherit.

Technische Details

Standardwert: medium
Vererbbarkeit: Nein
Animationsproduktion: Unterstützt. Siehe:Animationsbezogene Eigenschaften.
Version: CSS3
JavaScript-Syntax: object.style.borderInlineStartWidth="10px"

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die Versionsnummer des ersten Browsers dar, der diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

Verwandte Seiten

Anleitung:CSS Rand

Referenz:CSS Border Eigenschaft

Referenz:CSS Border-Inline Eigenschaft

Referenz:CSS Border-Inline-End-Breite Eigenschaft

Referenz:CSS border-inline-start-style Eigenschaft

Referenz:CSS Border-BOTTOM-Breite Eigenschaft

Referenz:CSS border-left-width Eigenschaft

Referenz:CSS border-right-width Eigenschaft

Referenz:CSS border-top-width Eigenschaft

Referenz:CSS direction Eigenschaft

Referenz:CSS text-orientation Eigenschaft

Referenz:CSS writing-mode Eigenschaft