Attribut column-rule-style CSS

Définition et utilisation

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

Voir également :

Tutoriel CSS3 :CSS3 Colonnes multiples

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

Exemple

Définit les règles de couleur entre les colonnes :

div {
  column-rule-style: dotted;
}

Essayez-le vous-même

Plus d'exemples en bas de la page.

Syntaxe CSS

column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

Valeur de l'attribut

Valeur Description Test
aucune Définit les règles sans ligne. Test
hidden Définit les règles cachées. Test
dotted Définit les règles pointillées. Test
dashed Définit les règles pointillées. Test
solid Définit les règles continues. Test
double Définit les règles doubles. Test
groove Définit les règles rainurées 3D. Cet effet dépend des valeurs de largeur et de couleur. Test
ridge Définit les règles ondulées 3D. Cet effet dépend des valeurs de largeur et de couleur. Test
inset Définit les règles d'enfoncement 3D. Cet effet dépend des valeurs de largeur et de couleur. Test
outset Définit les règles de saillie 3D. Cet effet dépend des valeurs de largeur et de couleur. Test

Détails techniques

Valeur par défaut : aucune
Héritabilité : non
Version : CSS3
Syntaxe JavaScript : object.style.columnRuleStyle="dotted"

Plus d'exemples

Column-count
Divise le texte du élément div en trois colonnes.
Column-gap
Divise le texte du é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é.

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