English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Referenzhandbuch

CSS @Regeln (RULES)

Vollständiges Verzeichnis der CSS-Eigenschaften

CSS Rand-links-Verwendung und Beispiel der color-Eigenschaft

Rand-links-Die Farbeigenschaft CSS kann die Farbe der linken Seite eines Elements einzeln einstellen. In vielen Fällen wird jedoch in der Regel die Kurzform der CSS-Eigenschaft verwendet, wie   Rand-FarbeoderRand-linksEs ist bequemer zu verwenden.

Die folgende Tabelle enthält Anwendungsbeschreibungen und Versionshistorien dieser Eigenschaft sowie ihre Verwendung in JavaScript-Skripten.

Standardwert:FarbeEigenschaftswerte
Geeignet für:Alle Elemente
Vererbung:Nein
Animierbar:Ja.Siehe Animationsattribute.
Version:CSS 1,2,3
JavaScript-Syntax:object object.style.borderLeftColor="red"

Rand-links-Syntax der color-Eigenschaft

Die Syntax dieses Attributes ist wie folgt:

Rand-links-color: color | transparent | initial | inherit

Der folgende Beispiel zeigt, wie man den Rand-links-Farbeeigenschaft.

  p {
   Rand-style: solid;
   Rand-links-color: #ff0000;
  }
Testen Sie es heraus‹/›

Hinweis:Sie müssen inRand-styledie Eigenschaft Rand vor der Eigenschaft-links-Die Farbeigenschaft muss ein Element mit einem Rand haben, bevor die Farbe des Rands gesetzt werden kann, weilRand-styleDer Standardwert der Eigenschaft ist none.

Eigenschaftswerte

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

WerteBeschreibung
FarbeDie Farbe des oberen Rands angeben. SieheCSS-Farbwerte, um eine Liste möglicher Farbwerte zu erhalten.
transparentEs ist erlaubt, dass der Rand transparent ist, obwohl er möglicherweise Platz beanspruchen könnteRand-BreiteRaum für die Eigenschaft.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, wird der Rand der verknüpften Elemente auf den Rand des übergeordneten Elements gesetzt-links-Farbewerte der Farbeigenschaft.

Browserkompatibilität

Rand-links-Kompatibilität der Browser für die Farbeigenschaft, die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Weiterlesen

Siehe Anleitung:CSS Rand,CSS3 Rand.

Verwandte Eigenschaften:Rand,Rand-Farbe,Rand-links,Rand-links-style,
Rand-links-Breite.