CSS border-rechts-Stil-Eigenschaft

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;
  }

Versuchen Sie es selbst

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