CSS border-inline-start-farbe Eigenschaft

definition-und-verwendung

border-inline-start-color eigenschaft-für-die-farbe-des-rands-des-elements-an-der-anfangsposition-der-zeilenrichtung-eingerichtet-werden

Hinweis:um-zu-machen border-inline-start-color eigenschaft-wirksam-wird-muss-eingerichtet-werden border-inline-start-style eigenschaft

CSS border-inline-start-color eigenschaft-und unterer-rand-farbeundlinker-rand-farbeundrechter-rand-farbe und border-top-color Die Eigenschaften sind sehr ähnlich, aber border-inline-start-color Die Eigenschaft hängt von der Inline-Richtung ab.

Hinweis:verwandte CSS-Eigenschaften writing-modeund, und direction Definiert die Inline-Richtung. Dies beeinflusst den Anfang und das Ende einer Zeile sowie border-inline-start-color Die Wirkung der Eigenschaft. Für englische Seiten ist die Inline-Richtung von links nach rechts, die Block-Richtung nach unten.

Beispiel

Beispiel 1

Farbe der Grenze am Anfang der Inline-Richtung festlegen:

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

Versuchen Sie es selbst

Beispiel 2

Verwenden Sie das writing-mode-Attribut

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

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

Versuchen Sie es selbst

Beispiel 3

Verwenden Sie das direction-Attribut

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

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

Versuchen Sie es selbst

CSS-Syntax

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

Eigenschaftswert

Wert Beschreibung
color Die Farbe der Grenze angeben. Standardmäßig ist dies die aktuelle Farbe des Elements. Siehe:CSS-Farbwerte.
transparent Die Farbe der Grenze 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.borderInlineStartColor="pink"

Browser-Unterstützung

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

Referenz:CSS Border-Inline-End-Farbe Eigenschaft

Referenz:CSS border-inline-start-stil Eigenschaft

Referenz:CSS Border-Bottom-Farbe Eigenschaft

Referenz:CSS border-links-farbe Eigenschaft

Referenz:CSS border-rechts-farbe Eigenschaft

Referenz:CSS border-oben-farbe Eigenschaft

Referenz:CSS direction Eigenschaft

Referenz:CSS text-orientation Eigenschaft

Referenz:CSS writing-mode Eigenschaft