Übersicht

In mehrspaltigen Layouts beschreibt die column-rule CSS Eigenschaft eine gerade Linie, welche zwischen jeder Spalte dargestellt wird. Sie ist eine komfortable Kurzform, um das separate Setzen der einzelnen column-rule-* Eigenschaften zu vermeiden: column-rule-width, column-rule-style und column-rule-color.

Initialwertwie die jeweiligen Kurzschreibweisen:
Anwendbar aufmehrspaltige Elemente
VererbtNein
Medienvisuell
Berechneter Wertwie die jeweiligen Kurzschreibweisen:
Animationstypwie die jeweiligen Kurzschreibweisen:
Kanonische Reihenfolgenach Grammatik

Syntax

Formale Syntax: <'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>

Werte

Akzeptiert einen, zwei oder drei Werte in beliebiger Reihenfolge:

<column-rule-width>
Ist eine <length> oder eins der drei Schlüsselwörter thin, medium oder thick. Siehe border-width für Details.
<column-rule-style>
Siehe border-style für mögliche Werte und Details.
<column-rule-color>
Ist ein <color> Wert.

Beispiele

p.foo { column-rule: dotted; }          /* entspricht "medium dotted currentColor" */
p.bar { column-rule: solid blue; }      /* entspricht "medium solid blue" */
p.baz { column-rule: solid 8px; }       /* entspricht "8px solid currentColor" */
p.abc { column-rule: thick inset blue; }

Live Beispiel

padding:0.3em; background:gold; border:groove 2px gold; column-rule: inset 2px gold; column-width:17em;

Spezifikation

Spezifikation Status Kommentar
CSS Multi-column Layout Module
Die Definition von 'column-rule' in dieser Spezifikation.
Arbeitsentwurf  

Browser Kompatibilität

Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!

Merkmal Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Grundlegende Unterstützung (Ja)-webkit 3.5 (1.9.1)-moz 10 11.1 3.0 (522)-webkit
Merkmal Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Grundlegende Unterstützung ? (Ja) ? ? ?

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: Sebastianz, Prinz_Rana, fscholz
Zuletzt aktualisiert von: Sebastianz,