manuel de référence CSS

règles CSS @

大全 des attributs CSS

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

CSS3 column-rule-Attribut size

column-rule-Méthode d'utilisation et exemple de l'attribut color

La propriété color de l'attribut CSS définit la couleur de toutes les règles dessinées entre les colonnes dans la mise en page multicolumn.

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 :colorActuel
Valeur de l'élément	Appliqué à :
Éléments multicolumn	Héritage :
Non	Animable :est. Veuillez consulter。
Propriétés d'animation	CSS3version :
Nouvelle fonction JavaScript :	object.style.columnRuleColor="#ff00ff"

Syntaxe d'utilisation de la couleur de la règle de colonne

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

column-rule-color:　color　|　initial　|　inherit

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

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;
}

Vérifiez et voyez‹/›

Valeur de l'attribut

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

Valeur	Description
color	Spécifie la couleur de la règle de colonne. Accepte n'importe quelle valeur valableValeur de couleur CSS。
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é color

Compatibilité du navigateur

column-rule-La compatibilité du navigateur de la propriété color, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous 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 :CSS3Mise en page multicolumn。

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

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