Stellen Sie die columnRuleStyle-Eigenschaft ein

Definition und Verwendung

columnRuleStyle Diese Eigenschaft legt den Stil der Regeln zwischen den Spalten fest.

Weitere Informationen:

CSS3-Tutorial:CSS-Mehrfachspalten

CSS-Referenzhandbuch:column-rule-style-Eigenschaft

Beispiel

Ändern Sie den Stil der Regeln zwischen den Spalten:

document.getElementById("myDIV").style.columnRuleStyle = "dotted";

Probieren Sie es selbst aus

Syntax

Rückgabe der columnRuleStyle-Eigenschaft:

object.style.columnRuleStyle

Setzen Sie die columnRuleStyle-Eigenschaft:

object.style.columnRuleStyle = "none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit"
Wert Beschreibung
none Definiert keine Boundary. Standard.
hidden Gleiche wie "none", außer in der Lösung von Boundary-Konflikten von Tabellenelementen.
dotted Definiert eine gepunktete Boundary.
dashed Definiert eine gestrichelte Boundary.
solid Definiert eine vollständige Boundary.
double Definiert zwei Boundary. Die Breite der beiden Boundary entspricht dem Wert von border-width.
groove Definiert 3D-Senke-Border. Der Effekt hängt von border-color Werte.
ridge Definiert 3D-Gewölbte Boundary. Der Effekt hängt von border-color Werte.
inset Definiert 3D-Einlege-Border. Der Effekt hängt von border-color Werte.
outset Definiert 3D-Ausstoss-Border. Der Effekt hängt von border-color Werte.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem Elternelement geerbt. Siehe inherit.

Technische Details

Standardwert: keine
Rückgabewert: Zeichenkette, die den column-rule-style-Eigenschaft.
CSS-Version: CSS3

Browser-Unterstützung

Chrome Edge Firefox Safari Oper
Chrome Edge Firefox Safari Oper
50.0 10.0 52.0 10.0 37.0