column-rule-color
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
Die column-rule-color
CSS Eigenschaft legt die Farbe der Linie fest, die in einem Mehrspalten-Layout zwischen den Spalten gezeichnet wird.
Probieren Sie es aus
Syntax
css
/* <color> values */
column-rule-color: red;
column-rule-color: rgb(192 56 78);
column-rule-color: transparent;
column-rule-color: hsl(0 100% 50% / 60%);
/* Global values */
column-rule-color: inherit;
column-rule-color: initial;
column-rule-color: revert;
column-rule-color: revert-layer;
column-rule-color: unset;
Die Eigenschaft column-rule-color
wird als einzelner <color>
Wert angegeben.
Werte
<color>
-
Die Farbe der Linie, die die Spalten trennt.
Formale Definition
Initialer Wert | currentcolor |
---|---|
Anwendbar auf | mehrspaltige Elemente |
Vererbt | Nein |
Berechneter Wert | berechnete Farbe |
Animationstyp | Farbe |
Formale Syntax
column-rule-color =
<color>
Beispiele
Eine blaue Spaltenlinie setzen
HTML
html
<p>
This is a bunch of text split into three columns. The `column-rule-color`
property is used to change the color of the line that is drawn between
columns. Don't you think that's wonderful?
</p>
CSS
css
p {
column-count: 3;
column-rule-style: solid;
column-rule-color: blue;
}
Ergebnis
Spezifikationen
Specification |
---|
CSS Multi-column Layout Module Level 1 # crc |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
- Der Datentyp
<color>
- Andere farbbezogene Eigenschaften:
color
,background-color
,border-color
,outline-color
,text-decoration-color
,text-emphasis-color
,text-shadow
, undcaret-color