CSS border-block-start-width Eigenschaft

Definition und Verwendung

border-block-start-width Eigenschaft die Kantenbreite am Anfang der Blockrichtung des Elements zu setzen.

Hinweis:um border-block-start-width Die Eigenschaft tritt in Kraft, wenn border-block-start-style Eigenschaften.

CSS border-block-start-width Eigenschaften sind mit den CSS-Eigenschaften border-bottom-width,border-left-width,border-right-width und border-top-width Sehr ähnlich, aber border-block-start-width Die Eigenschaft hängt von der Blockrichtung ab.

Hinweis:zugehörige CSS-Eigenschaften writing-mode Definiert die Blockrichtung. Dies beeinflusst den Anfang und das Ende des Blocks sowie border-block-start-width Ergebnis der Eigenschaft. Für englische Seiten ist die Inline-Richtung von links nach rechts, die Blockrichtung geht nach unten.

Beispiel

Beispiel 1

Stellen Sie die Breite der Kante am Anfang der Blockrichtung ein:

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

Probieren Sie es selbst aus

Beispiel 2: Kombination mit der Eigenschaft writing-mode

Die Position der Kante am Anfang der Blockrichtung wird beeinflusst von writing-mode Einfluss der Eigenschaft:

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

Probieren Sie es selbst aus

CSS-Syntax

border-block-start-width: medium|dünn|dicke|length|initial|inherit;

Eigenschaftswert

Technische Details

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die Versionsnummer der ersten Browser dar, die diese Eigenschaft vollständig unterstützen.

Verwandte Seiten

Anleitung:CSS Rand

Referenz:CSS border Eigenschaft

Referenz:CSS border-block Eigenschaft

Referenz:CSS border-block-width Eigenschaft

Referenz:CSS border-block-end-width Eigenschaft

Referenz:CSS border-bottom-width Eigenschaft

Referenz:CSS border-left-width Eigenschaft

Referenz:CSS border-right-width Eigenschaft

Referenz:CSS border-top-width Eigenschaft

Referenz:CSS writing-mode Eigenschaft