CSS border-right-style Eigenschaft
- Vorherige Seite border-right-color
- Nächste Seite border-right-width
Definition und Verwendung
border-right-style stellt den Stil der rechten Rahmenkante des Elements ein.
Die Rahmenkante erscheint nur, wenn dieser Wert nicht "none" ist.
In CSS1 muss der HTML-User-Agent nur solid und none unterstützen.
Weitere Informationen:
CSS-Tutorial:CSS Rand
CSS Referenzhandbuch:border-right-Eigenschaft
HTML DOM Referenzhandbuch:borderRightStyle-Eigenschaft
Beispiel
Stellen Sie den Stil der rechten Rahmenkante ein:
p { border-style:solid; border-right-style:dotted; }
CSS-Syntax
border-right-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
Attributwert
Wert | Beschreibung |
---|---|
none | Definiert eine Rahmenkante ohne Rahmen. |
hidden | Ist gleich wie "none", außer wenn es auf Tabellen angewendet wird. Für Tabellen wird "hidden" verwendet, um Rahmenkonflikte zu lösen. |
dotted | Definiert eine gepunktete Rahmenkante. Wird in den meisten Browsern als durchgehende Linie dargestellt. |
dashed | Definiert eine gepunktete Linie. Wird in den meisten Browsern als durchgehende Linie dargestellt. |
solid | Definiert eine durchgehende Linie. |
double | Definiert doppelte Linien. Die Breite der Linien entspricht dem Wert von border-width. |
groove | Definiert 3D-kugelige Rahmen. Der Effekt hängt von dem Wert von border-color ab. |
ridge | Definiert 3D-gelagerte Rahmen. Der Effekt hängt von dem Wert von border-color ab. |
inset | Definiert 3D-eingebettete Rahmen. Der Effekt hängt von dem Wert von border-color ab. |
outset | Definiert 3D-Aussetzrahmen. Der Effekt hängt von dem Wert von border-color ab. |
inherit | Es wird vorgeschrieben, dass der Rahmenstil vom übergeordneten Element geerbt wird. |
Technische Details
Standardwert: | nicht spezifiziert |
---|---|
Vererbbarkeit: | nein |
Version: | CSS1 |
JavaScript-Syntax: | object.style.borderRightStyle="dotted" |
Mehr Beispiele
- Stellen Sie den Stil der rechten Rahmenkante ein
- Dieses Beispiel zeigt, wie man den Stil der rechten Rahmenkante einstellt.
Browser-Unterstützung
Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die diese Eigenschaft vollständig unterstützt.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- Vorherige Seite border-right-color
- Nächste Seite border-right-width