CSS border-inline-end-color Eigenschaft

Definition und Verwendung

border-inline-end-color Die Eigenschaft setzt die Rahmenfarbe des Elements am Ende der Zeilenrichtung ein.

Hinweis:Um border-inline-end-color Die Eigenschaft muss gesetzt werden, damit sie wirksam wird border-inline-end-style Eigenschaft.

CSS border-inline-end-color Eigenschaften und border-bottom-color,border-left-color,border-right-color und border-top-color Die Eigenschaften sind sehr ähnlich, aber border-inline-end-color Die Eigenschaft hängt von der Inline-Direction ab.

Hinweis:zusammenhängende CSS-Eigenschaften writing-mode,text-orientation und direction Definiert die Inline-Direction. Dies beeinflusst den Anfang und das Ende einer Zeile sowie border-inline-end-color Wirkung der Eigenschaft. Für englische Seiten ist der Inline-Direction von links nach rechts, die Block-Direction ist nach unten.

Beispiel

Beispiel 1

Farbe des Inline-Endrahmens setzen:

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

Versuchen Sie es selbst

Beispiel 2: Kombination mit der Eigenschaft writing-mode

Die Position des Inline-Endrahmens wird beeinflusst durch writing-mode Einfluss der Eigenschaft:

div {
  border-inline-end-style: solid;
  writing-mode: vertical-rl;
  border-inline-end-color: blue;
}

Versuchen Sie es selbst

Beispiel 3: Kombination mit der Eigenschaft direction

Die Position des Inline-Endrahmens wird beeinflusst durch direction Einfluss der Eigenschaft:

div {
  direction: rtl;
  border-inline-end-color: hotpink;
}

Versuchen Sie es selbst

CSS-Syntax

border-inline-end-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
Vererbbarkeit: Nein
Animationserstellung: Unterstützt. Siehe:Animationseigenschaften.
Version: CSS3
JavaScript-Syntax: object.style.borderInlineEndColor="pink"

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die Versionen der 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 Rand

Referenz:CSS border Eigenschaft

Referenz:CSS border-inline Eigenschaft

Referenz:CSS border-inline-end-style Eigenschaft

Referenz:CSS border-inline-start-color Eigenschaft

Referenz:CSS border-bottom-color Eigenschaft

Referenz:CSS border-left-color Eigenschaft

Referenz:CSS border-right-color Eigenschaft

Referenz:CSS border-top-color Eigenschaft

Referenz:CSS direction Eigenschaft

Referenz:CSS text-orientation Eigenschaft

Referenz:CSS writing-mode Eigenschaft