CSS border-block-start-color Eigenschaft

Definition und Verwendung

border-block-start-color Eigenschaft die Rahmenfarbe am Anfang der Blockrichtung des Elements zu setzen.

Hinweis:um border-block-start-color Diese Eigenschaft ist wirksam, wenn border-block-start-style Eigenschaften.

CSS border-block-start-color Eigenschaften sind mit den CSS-Eigenschaften border-bottom-color,border-left-color,border-right-color und border-top-color Sehr ähnlich, aber border-block-start-color Diese 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-color Ergebnis der Eigenschaft. Für englische Seiten ist die Inline-Richtung von links nach rechts, die Blockrichtung geht nach unten.

Beispiel

Beispiel 1

Blockrichtung am Anfang setzen Rahmenfarbe:

div {
  border-block-start-style: solid;
  border-block-start-color: pink;
}

Versuchen Sie es selbst

Beispiel 2: Kombination mit der Eigenschaft writing-mode

Die Position der Rahmenfarbe 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-color: blue;
}

Versuchen Sie es selbst

CSS-Syntax

border-block-start-color: color|transparent|initial|inherit;

Eigenschaftswert

Wert Beschreibung
color Die Farbe des Rahmens angeben. Standardmäßig ist dies die aktuelle Farbe des Elements. Siehe:CSS-Farbwerte.
transparent Die Farbe der Rahmen sollte transparent sein.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe: initial.
inherit Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe: inherit.

Technische Details

Standardwert: Die aktuelle Farbe des Elements
Vererbung: Nein
Animationserstellung: Unterstützt. Siehe:Animationseigenschaften.
Version: CSS3
JavaScript-Syntax: object.style.borderBlockStartColor="pink"

Browser-Unterstützung

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

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

Verwandte Seiten

Anleitung:CSS Rahmen

Referenz:CSS border Eigenschaft

Referenz:CSS border-block Eigenschaft

Referenz:CSS border-block-color Eigenschaft

Referenz:CSS border-block-end-color Eigenschaft

Referenz:CSS border-block-start-style Eigenschaft

Referenz:CSS border-bottom-color Eigenschaft

Referenz:CSS border-links-Farbe-Eigenschaft

Referenz:CSS border-rechts-Farbe-Eigenschaft

Referenz:CSS border-oben-Farbe-Eigenschaft

Referenz:CSS writing-mode Eigenschaft