manuel de référence CSS

règles CSS @

大全 des attributs CSS

CSS3 column-fill propriété Attribut color de CSS

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

column-La propriété count CSS spécifie le nombre de colonnes dans un élément multiple de colonnes.

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 les scripts JavaScript.

Valeur par défaut :	auto
Appliqué à :	Non remplacéÉléments en blocà l'exception des éléments de tableau), les cellules de tableau etÉléments en ligne en bloc
Héritage :	Non
Animable :	Est.Propriétés d'animation。
Version :	CSS3nouvelle fonctionnalité
Syntaxe JavaScript :	object.style.columnCount=5

column-Syntaxe d'utilisation de count

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

column-count: auto | initial | inherit

Les exemples suivants démontrent comment utiliser column-propriété count.

Exemple

p {
　　　　-webkit-column-count:　3;　/*　Chrome, Safari, Opera　*/
　　　　　　　-moz-column-count:　3;　/*　Firefox　*/
　　　　　　　　　　　　column-count:　3;　
}

Voyons voir‹/›

Valeur de la propriété

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

Valeur	Description
number	Un nombre entier positif, utilisé pour spécifier le nombre de colonnes dans un élément multiple de colonnes. Sicolumn-widthS'il est également défini sur une valeur autre que auto, cela peut indiquer le nombre maximum de colonnes autorisé.
auto	Le nombre de colonnes est déterminé par d'autres propriétés CSS, par exemplecolumn-width。C'est la valeur par défaut。
initial	Définir 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-Valeur de la propriété count.

Compatibilité du navigateur

column-La compatibilité du navigateur de la propriété count, 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 en colonnes multiples。

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

CSS3 column-fill propriété Attribut color de CSS