CSS border-right-color Eigenschaft

Definition und Verwendung

border-right-color setzt die Farbe des rechten Rands des Elements fest.

Es können nur reine Farben definiert werden, und der Rand kann nur sichtbar sein, wenn der Randstil einen Wert ist, der nicht "none" oder "hidden" ist.

Anmerkung:Legen Sie immer das border-style-Attribut vor dem border-color-Attribut fest. Das Element muss vor dem Ändern der Farbe einen Rand haben.

Weitere Informationen:

CSS Tutorial:CSS Rand

CSS Referenzhandbuch:border-right-Eigenschaft

HTML DOM Referenzhandbuch:borderRightColor-Eigenschaft

Beispiel

Einstellen der Farbe des rechten Rands:

p
  {
  border-style:solid;
  border-right-color:#ff0000;
  }

Selbst ausprobieren

CSS-Syntax

border-right-color: color|transparent|initial|inherit;

Attributwert

Wert Beschreibung
color_name Es wird die Farbe des Rands als Farbname vorgeschrieben (z.B. rot).
hex_number Es wird die Farbe des Rands als Hexadezimalwert vorgeschrieben (z.B. #ff0000).
rgb_number Es wird die Farbe des Rands als RGB-Code vorgeschrieben (z.B. rgb(255,0,0)).
transparent Standardwert. Die Randfarbe ist transparent.
inherit Es wird vorgeschrieben, dass die Farbe des Rands vom übergeordneten Element geerbt wird.

Technische Details

Standardwert: nicht spezifiziert
Vererbbarkeit: nein
Version: CSS1
JavaScript-Syntax: object.style.borderRightColor="blue"

Mehr Beispiele

Einstellen der Farbe des rechten Rands
Dieses Beispiel zeigt, wie man die Farbe des rechten Rands einstellt.

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browserversion hin, die die Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Anmerkung:Internet Explorer 6 (und frühere Versionen) unterstützen den Attributwert "transparent" nicht.

Anmerkung:Internet Explorer 7 und frühere Browser unterstützen den Wert "inherit" nicht. IE8 erfordert !DOCTYPE. IE9 unterstützt "inherit".