CSS border-right-color Eigenschaft
- Vorherige Seite rechter Rand
- Nächste Seite border-right-style
Definition und Verwendung
border-right-color setzt die Farbe des rechten Rands des Elements.
Es können nur reine Farben definiert werden, und nur wenn der Stil der Kante ein Wert ist, der nicht "none" oder "hidden" ist, kann die Kante sichtbar sein.
Anmerkung:Die Eigenschaft border-style sollte immer vor der Eigenschaft border-color deklariert werden. Das Element muss eine Kante haben, bevor Sie ihre Farbe ändern.
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; }
CSS-Syntax
border-right-color: color|transparent|initial|inherit;
Attributwert
Wert | Beschreibung |
---|---|
color_name | Es wird die Farbe des Rands als Farbname festgelegt (z.B. red). |
hex_number | Es wird die Farbe des Rands als Hexadezimalwert festgelegt (z.B. #ff0000). |
rgb_number | Es wird die Farbe des Rands als rgb-Code festgelegt (z.B. rgb(255,0,0)). |
transparent | Standardwert. Die Randfarbe ist transparent. |
inherit | Es wird festgelegt, dass die Farbe des Rands vom übergeordneten Element geerbt werden soll. |
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 Browser-Version 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 benötigt !DOCTYPE. IE9 unterstützt "inherit".
- Vorherige Seite rechter Rand
- Nächste Seite border-right-style