Übersicht
Die column-rule-color CSS Eigenschaft definiert die Farbe der Linie, die zwischen den Spalten in mehrspaltigen Layouts gezeichnet wird.
| Initialwert | currentcolor |
|---|---|
| Anwendbar auf | mehrspaltige Elemente |
| Vererbt | Nein |
| Medien | visuell |
| Berechneter Wert | berechnete Farbe |
| Animationstyp | Farbe |
| Kanonische Reihenfolge | nach 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) | ? | ? | ? |