manuel de référence CSS

règle @RULES CSS

大全 des propriétés CSS

CSS3 column-rule-attribut color CSS3 column-attribut gap

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

olumn-l'attribut CSS rule spécifie une ligne à dessiner entre chaque colonne, c'est-à-dire "règle". C'est un attribut de raccourci pour définir simultanément plusieurs propriétés, à savoircolumn-rule-width，column-rule-styleetcolumn-rule-color。

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

Valeur par défaut :	Voir toutes les propriétés
Applicable à :	Éléments en colonnes multiples
Héritage :	Non
Animable :	Oui, car certains attributs de la notation peuvent être animés.Veuillez consulter Attributs d'animation。
Version :	CSS3nouvelle fonctionnalité
JavaScript syntaxe :	object.style.columnRule="3px outset #ff00ff"

column-Syntaxe de l'utilisation de rule

La syntaxe de cet attribut est la suivante :

column-rule: [ column-rule-width column-rule-style column-rule-color ] | initial | inherit

Les exemples suivants montrent comment utiliser column-attribut rule.

Exemple

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

Voyons voir‹/›

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cet attribut.

Valeur	Description
column-rule-width	Définir la largeur de la règle entre les colonnes. La valeur par défaut est medium. Ne pas utiliser de valeurs négatives.
column-rule-style	Définir le style de la règle entre les colonnes. La valeur par défaut est none.
column-rule-color	Définir la couleur de la règle entre les colonnes. La valeur par défaut estcolorde l'élément.
initial	Régler cette propriété à sa valeur par défaut.
inherit	Si spécifié, l'élément lié utilise la valeur column de son élément parent-Valeur de l'attribut rule.

Compatibilité du navigateur

column-La compatibilité du navigateur de l'attribut rule, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cet attribut ; tous les navigateurs populaires prennent en charge cet attribut.

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

Lecture supplémentaire

Veuillez consulter les tutoriels suivants :CSS3Agencement en colonnes。

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

CSS3 column-rule-attribut color CSS3 column-attribut gap