CSS reference manual

CSS @rules (RULES)

Complete list of CSS attributes

CSS3 column-span propriété CSS3 column-rule-style propriété

CSS3 column-rule-Méthode d'utilisation et exemple de la propriété width

column-rule-La propriété width CSS définit la largeur des règles dessinées entre les colonnes d'un agencement en colonnes multiples.

Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans le script JavaScript.

Valeur par défaut :	medium
Appliqué à :	Éléments en colonnes multiples
Héritage :	Non
Animable :	Est-ce que.Veuillez consulter Propriétés d'animation。
Version :	CSS3nouvelle fonctionnalité
Syntaxe JavaScript :	object.style.columnRuleWidth="thin"

column-rule-Syntaxe d'utilisation de width

La syntaxe de cette propriété est la suivante :

column-rule-width:　length　|　medium　|　thin　|　thick　|　initial　|　inherit

Les exemples suivants montrent comment utiliser column-rule-propriété width.

Exemple

p　{
　　　　/*　Chrome,　Safari,　Opera　*/
　　　　-webkit-column-count:　3;
　　　　-webkit-column-gap:　100px;
　　　　-webkit-column-rule-color:　red;
　　　　-webkit-column-rule-width:　2px;
　　　　-webkit-column-rule-style:　solid;
　　　　/*　Firefox　*/
　　　　-moz-column-count:　3;
　　　　-moz-column-gap:　100px;
　　　　-moz-column-rule-color:　red;
　　　　-moz-column-rule-width:　2px;
　　　　-moz-column-rule-style:　solid;
　　　　
　　　　column-count:　3;
　　　　column-gap:　100px;
　　　　column-rule-color:　red;
　　　　column-rule-width:　2px;
　　　　column-rule-style:　solid;
}

Testez pour voir‹/›

Valeur de la propriété

Le tableau suivant décrit les valeurs de cette propriété.

Valeur	Description
length	Longueur exprimée en unité absolue ou relative, utilisée pour spécifier la largeur de la règle.
medium	Définir une règle moyenne. C'est la valeur par défaut.
thin	Définir une règle fine. La largeur est inférieure à la valeur par défaut.
thick	Définir une règle stricte. La largeur est supérieure à la valeur par défaut.
initial	Réinitialisez cette propriété à sa valeur par défaut.
inherit	Si spécifié, l'élément lié utilise la propriété column de son élément parent-rule-Valeur de la propriété width.

Compatibilité du navigateur

column-rule-Compatibilité du navigateur pour la propriété width, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; toutes les navigateurs populaires prennent en charge cette propriété.

	Firefox 2+ ^-moz- Google Chrome 4+ ^-webkit- Internet Explorer 10+ Apple Safari 3.1+ ^-webkit- Opera 11.1+ ^-o-，15+ ^-webkit-

Pour en savoir plus

Veuillez consulter les tutoriels suivants :CSS3Agencement en colonnes multiples。

Propriétés associées :column-width，column-fill，column-gap，column-rule，column-rule-color，column-rule-style，column-span，column-count，columns。

CSS3 column-span propriété CSS3 column-rule-style propriété