CSS Border-Block-End-Farbe Eigenschaft

Definition und Verwendung

border-block-end-color Eigenschaft zum Setzen der Umrandungsfarbe am Ende der Blockrichtung des Elements zu verwenden.

Hinweis:um border-block-end-color Diese Eigenschaft wird aktiviert, wenn border-block-end-style Eigenschaft.

Die CSS-Eigenschaft border-block-end-color ist ähnlich wie die CSS-Eigenschaft border-bottom-width,border-left-width,border-right-width und border-top-width Sehr ähnlich, aber border-block-end-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-end-color Erfolg der Eigenschaft. Für englische Seiten ist die Inline-Richtung von links nach rechts, die Blockrichtung geht nach unten.

Beispiel

Beispiel 1

Farbe für die Umrandung am Ende der Blockrichtung festlegen:

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

Versuchen Sie es selbst

Beispiel 2: Kombination mit writing-mode-Eigenschaft

Die Position der Farbe der Umrandung am Ende der Blockrichtung wird beeinflusst von writing-mode Eigenschaftswirkung:

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

Versuchen Sie es selbst

CSS-Syntax

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

Eigenschaftswert

Wert Beschreibung
color Die Farbe der Umrandung angeben. Standard ist die aktuelle Farbe des Elements. Siehe:CSS-Farbwerte.
transparent Die Farbe der Umrandung sollte transparent sein.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem übergeordneten Element geerbt. Siehe inherit.

Technische Details

Standardwert: Aktuelle Farbe des Elements
Vererbung: Nein
Animationserstellung: Unterstützt. Siehe:Animationsbezogene Eigenschaften.
Version: CSS3
JavaScript-Syntax: object.style.borderBlockEndColor="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 Ränder

Referenz:CSS Border Eigenschaft

Referenz:CSS Border-Block Eigenschaft

Referenz:CSS Border-Block-Farbe Eigenschaft

Referenz:CSS Border-Block-Start-Farbe Eigenschaft

Referenz:CSS Border-Block-End-Stil Eigenschaft

Referenz:CSS Border-Bottom-Farbe Eigenschaft

Referenz:CSS border-left-color Eigenschaft

Referenz:CSS border-right-color Eigenschaft

Referenz:CSS border-top-color Eigenschaft

Referenz:CSS writing-mode Eigenschaft