Propriété CSS3 column-rule-styleProperty

Règles de style entre les colonnes spécifiées :

div
{
column-rule-style:dotted;
-moz-column-rule-style:dotted; /* Firefox */
-webkit-column-rule-style:dotted; /* Safari et Chrome */
}

Essayez-le vous-même »
Plus d'exemples en bas de cette page.

Prise en charge des navigateurs

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

Le nombre qui précède immédiatement -webkit-, -ms- ou -moz- est la première version du navigateur qui prend en charge la propriété préfixée.

Propriété
column-rule-style	50.0 4.0 -webkit-	10.0	2.0 -moz-	9.0 3.1 -webkit-	37.0 15.0 -webkit 11.1

La propriété column-rule-style spécifie la règle de style entre les colonnes.

Valeur par défaut :	none
Héritée :	non
version :	CSS3
Syntaxe JavaScript :	object.style.columnRuleStyle="dotted"

Valeur	Description
none	Ne définir aucune règle.
hidden	Définir des règles masquées.
dotted	Définir des règles en pointillés.
dashed	Définir des règles en tirets.
solid	Définir des règles continues.
double	Définir des règles doubles.
groove	Définit une règle rainurée en 3D. L'effet dépend des valeurs de largeur et de couleur.
ridge	Définit une règle à arête en 3D. L'effet dépend des valeurs de largeur et de couleur.
inset	Définit une règle enfoncée en 3D. L'effet dépend des valeurs de largeur et de couleur.
outset	Définit une règle en relief en 3D. L'effet dépend des valeurs de largeur et de couleur.

Le texte de l'élément div est divisé en trois colonnes.

Divisez le texte d'un élément div en trois colonnes, et spécifiez un espace de 30 pixels entre les colonnes.

Spécifiez les règles entre les colonnes : largeur, style et couleur.

autres extensions