CSS border-rechts-Eigenschaft
- Seite vorher border-radius
- Nächste Seite border-right-color
Definition und Verwendung
Die abgekürzte Eigenschaft border-right setzt alle Attribute des rechten Rahmens in einer Deklaration.
Die folgenden Eigenschaften können in dieser Reihenfolge festgelegt werden:
Wenn einer der Werte nicht festgelegt wird, gibt es kein Problem, z.B. ist border-right:solid #ff0000 auch erlaubt.
Weitere Informationen:
CSS-Tutorial:CSS Rahmen
HTML DOM Referenzhandbuch:borderRight-Eigenschaft
Beispiel
Stellen Sie den Stil des rechten Rahmens ein:
p { border-style:solid; border-right:thick double #ff0000; }
CSS-Syntax
border-right: border-width border-style border-color|initial|inherit;
Eigenschaftswert
Wert | Beschreibung |
---|---|
border-right-width | Es wird die Breite des rechten Rahmens festgelegt. Siehe:border-right-width möglichen Werten. |
border-right-style | Es wird der Stil des rechten Rahmens festgelegt. Siehe:border-right-style möglichen Werten. |
border-right-color | Es wird die Farbe des rechten Rahmens festgelegt. Siehe:border-right-color möglichen Werten. |
inherit | Es wird angegeben, dass die Einstellungen der border-right-Eigenschaft vom übergeordneten Element geerbt werden sollen. |
Technische Details
Standardwert: | nicht spezifiziert |
---|---|
Vererbbarkeit: | nein |
Version: | CSS1 |
JavaScript-Syntax: | object.style.borderRight="3px solid blue" |
Mehr Beispiele
- Alle rechten Rahmenattribute in einer Deklaration
- Dieses Beispiel zeigt eine abgekürzte Eigenschaft, die verwendet wird, um alle rechten Rahmenattribute in einer Deklaration zu setzen.
Browser-Unterstützung
Die Zahlen in der Tabelle verweisen auf die erste Browser-Version, 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 7 und frühere Browser unterstützen den Wert "inherit" nicht. IE8 benötigt !DOCTYPE. IE9 unterstützt "inherit".
- Seite vorher border-radius
- Nächste Seite border-right-color