Attribut column-rule-width CSS

Définition et utilisation

L'attribut columnRuleWidth définit la règle de largeur entre les colonnes.

Voir également :

Tutoriel CSS3 :CSS3 Colonnes multiples

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

Exemple

Définit la règle de couleur entre les colonnes :

div {
  column-rule-width: 10px;
}

Essayez-le vous-même

Plus d'exemples en bas de la page.

Syntaxe CSS

column-rule-width: fine|moyenne épaisse|length;

Valeur de l'attribut

Valeur Description Test
fine fine Test
moyenne Définit une règle moyenne. Test
thick Définit la largeur de la règle. Test
length Définit la largeur de la règle. Test

Détails techniques

Valeur par défaut : moyenne
Héritabilité : non
Version : CSS3
JavaScript syntaxe : object.style.columnRuleWidth="fine"

Plus d'exemples

Column-count
Divise le texte dans l'élément div en trois colonnes.
Column-gap
Divise le texte dans l'élément div en trois colonnes et place des espaces de 30 pixels entre elles.
Column-rule
Définit la largeur, le style et la couleur entre les colonnes.

Support du navigateur

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

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

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