Übersicht

Die column-rule-color CSS Eigenschaft definiert die Farbe der Linie, die zwischen den Spalten in mehrspaltigen Layouts gezeichnet wird.

Initialwertcurrentcolor
Anwendbar aufmehrspaltige Elemente
VererbtNein
Medienvisuell
Berechneter Wertberechnete Farbe
AnimationstypFarbe
Kanonische Reihenfolgenach Grammatik

Syntax

Formale Syntax: <color>

wobei
<color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>

wobei
<rgb()> = rgb( [ [ <percentage>{3} | <number>{3} ] [ / <alpha-value> ]? ] | [ [ <percentage>#{3} | <number>#{3} ] , <alpha-value>? ] )
<rgba()> = rgba( [ [ <percentage>{3} | <number>{3} ] [ / <alpha-value> ]? ] | [ [ <percentage>#{3} | <number>#{3} ] , <alpha-value>? ] )
<hsl()> = hsl( [ <hue> <percentage> <percentage> [ / <alpha-value> ]? ] | [ <hue>, <percentage>, <percentage>, <alpha-value>? ] )
<hsla()> = hsla( [ <hue> <percentage> <percentage> [ / <alpha-value> ]? ] | [ <hue>, <percentage>, <percentage>, <alpha-value>? ] )

wobei
<alpha-value> = <number> | <percentage>
<hue> = <number> | <angle>

column-rule-color: red
column-rule-color: rgb(192, 56, 78)
column-rule-color: transparent
column-rule-color: hsla(0, 100%, 50%, 0.6)

column-rule-color: inherit

Werte

<color>
Ist ein <color> Wert, der die Farbe der Linie angibt, die die Spalten trennt.

Beispiel

#header { column-rule-color: blue; }

Spezifikation

Spezifikation Status Kommentar
CSS Multi-column Layout Module
Die Definition von 'column-rule-color' 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 Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Grundlegende Unterstützung ? ? (Ja) ? ? ?

Schlagwörter des Dokuments und Mitwirkende

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