CSS border-rechts-Stil-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.
Der Rahmen kann nur erscheinen, wenn dieser Wert nicht "none" ist.
In CSS1 muss der HTML-User-Agent nur solid und none unterstützen.
Weitere Informationen:
CSS-Tutorial:CSS Rahmen
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;
Eigenschaftswert
Wert | Beschreibung |
---|---|
none | Definiert einen Rahmen ohne Kante. |
hidden | Ist gleich wie "none", außer wenn es sich um Tabellen handelt. Für Tabellen wird "hidden" verwendet, um Rahmenkonflikte zu lösen. |
dotted | Definiert einen gepunkteten Rahmen. In den meisten Browsern wird er als gerade Linie dargestellt. |
dashed | Definiert eine gestrichelte Linie. In den meisten Browsern wird sie als gerade Linie dargestellt. |
solid | Definiert eine gerade Linie. |
double | Definiert eine doppelte Linie. Die Breite der Linie entspricht dem Wert von border-width. |
groove | Definiert einen 3D-Kerbe-Rahmen. Der Effekt hängt von dem Wert von border-color ab. |
ridge | Definiert einen 3D-Relief-Rahmen. Der Effekt hängt von dem Wert von border-color ab. |
inset | Definiert einen 3D-Einbau-Rahmen. Der Effekt hängt von dem Wert von border-color ab. |
outset | Definiert einen 3D-Ausstoss-Rahmen. 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