Beispiel
Ändern Sie die Art der Regel zwischen den Säulen:
document.getElementById("myDIV").style.columnRuleStyle = "dotted";
Versuch es selber " Definition und Verwendung
Die columnRuleStyle Eigenschaft gibt die Art der Regel zwischen den Spalten.
Browser-Unterstützung
Die columnRuleStyle Eigenschaft wird in Internet Explorer 10 und Opera unterstützt.
Firefox unterstützt eine Alternative, die MozColumnRuleStyle Eigenschaft.
Safari und Chrome unterstützen eine Alternative, die WebkitColumnRuleStyle Eigenschaft.
Syntax
Bringen Sie die columnRuleStyle Eigenschaft:
object .style.columnRuleStyle Stellen Sie die columnRuleStyle Eigenschaft:
object .style.columnRuleStyle="none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|
initial|inherit"
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| none | Standardwert. Definiert keine Regel |
| hidden | Definiert eine versteckte Regel |
| dotted | Definiert eine punktierte Regel |
| dashed | Definiert eine gestrichelte Regel |
| solid | Definiert eine feste Regel |
| double | Definiert eine Doppelregel |
| groove | Gibt eine gerillte Regel 3D. Die Wirkung ist abhängig von der Breite und Farbwerten |
| ridge | Gibt eine geriffelte Regel 3D. Die Wirkung ist abhängig von der Breite und Farbwerten |
| inset | Gibt eine 3D-Einsatz-Regel. Die Wirkung ist abhängig von der Breite und Farbwerten |
| outset | Gibt eine 3D Anfang Regel. Die Wirkung ist abhängig von der Breite und Farbwerten |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
Technische Details
| Standardwert: | keiner |
|---|---|
| Rückgabewert: | Ein String, die die Spalte-rule-style Eigenschaft eines Elements |
| CSS Version | CSS3 |
Verwandte Seiten
CSS3 Tutorial: CSS3 mehrere Spalten
CSS - Referenz: column-rule-style property - column-rule-style property
<Style - Objekt