Attribut column-rule CSS

Définition et utilisation

L'attribut column-rule est une propriété abrégée utilisée pour définir toutes les propriétés column-rule-*.

L'attribut column-rule définit les règles de largeur, de style et de couleur entre les colonnes.

Veuillez également consulter :

Tutoriel CSS3 :CSS3 Colonnes multiples

Manuel de référence HTML DOM :columnRule attribut

Exemple

Définir les règles de largeur, de style et de couleur entre les colonnes :

div
{
column-rule:3px outset #ff00ff;
}

Essayez-le vous-même

Vous trouverez plus d'exemples en bas de page.

Syntaxe CSS

column-rule: column-rule-width column-rule-style column-rule-color;

Valeur de l'attribut

Valeur Description
column-rule-width Définir la règle de largeur entre les colonnes.
column-rule-style Définir la règle de style entre les colonnes.
column-rule-color Définir la règle de couleur entre les colonnes.

Détails techniques

Valeur par défaut : medium none black
Héritabilité : non
Version : CSS3
Syntaxe JavaScript : object.columnRule="3px outset #ff00ff"

Plus d'exemples

Column-count
Divisez le texte de l'élément div en trois colonnes.
Column-gap
Divisez le texte du élément div en trois colonnes et placez des espaces de 30 pixels entre elles.

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété.

Les nombres avec -webkit- ou -moz- indiquent la première version utilisant le préfixe.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1