Colonne-règle-couleur - Astuces CSS

Table des matières:

La column-rule-colorpropriété CSS détermine la couleur d'une ligne entre les colonnes dans une mise en page CSS multi-colonnes.

La propriété ne peut pas agir seule! Afin de voir la couleur, nous devons faire la ligne - techniquement appelée «règle» - entre les colonnes. Cela nécessite la column-rule-stylepropriété.

.columns ( column-count: 2 600px; column-rule-style: solid; column-rule-color: #f8a100; )

Ou, nous pouvons utiliser la column-rulepropriété abrégée, qui combine column-rule-color, column-rule-styleet column-rule-widthdans une seule déclaration.

column-rule: 3px solid #f8a100;

Syntaxe

column-rule-colorprend une seule valeur de couleur. Il peut s'agir de n'importe quelle couleur CSS valide, y compris les couleurs hexadécimales, RVB, RGBa, HSL, HSLa et nommées. Il accepte même currentColorcomme valeur.

column-rule-color: #f8a100; column-rule-color: hsl(39,100,49); column-rule-color: rgb(250,162,0); column-rule-color: aliceblue; column-rule-color: currentColor;