manuel de référence CSS

règles CSS @

大全 des propriétés CSS

Attribut content de CSS CSS3 column-width propriété

CSS3 Méthode d'utilisation et exemple de l'attribut columns

La propriété CSS columns est une propriété abrégée qui permet de définircolumn-widthEtcolumn-countPropriété.

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 :	auto auto; Voir toutes les propriétés
Applicable à :	Non remplacéBlocÉlément (à l'exclusion des éléments de tableau), cellule de tableau etBloc en ligneÉlément
Héritage :	Non
Animable :	Oui, car chaque propriété de la notation est animable.Veuillez consulter Attributs d'animation。
Version :	CSS3nouvelle fonctionnalité
JavaScript syntaxe :	object.style.columns="100px 3"

Syntaxe d'utilisation de la colonne

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

columns:　[　column-width　column-count　]　|　initial　|　inherit

Les exemples suivants montrent comment utiliser l'attribut columns.

Exemple

p　{
　　　　-webkit-columns:　150px　3;　/*　Chrome,　Safari,　Opera　*/
　　　　　　　-moz-columns:　150px　3;　/*　Firefox　*/
　　　　　　　　　　　　columns:　150px　3;　
}

Voyons voir‹/›

Valeur de l'attribut

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

Valeur	Description
column-width	Spécifier la largeur optimale des colonnes dans un élément en colonnes multiples.
column-count	Spécifier le nombre optimal de colonnes dans un élément en colonnes multiples.
initial	Définir cette propriété à sa valeur par défaut.
inherit	Si spécifié, l'élément lié utilise la valeur de la propriété columns de son élément parent.

Compatibilité du navigateur

La compatibilité des navigateurs pour l'attribut columns, les numéros dans le tableau ci-dessous 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。

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

Attribut content de CSS CSS3 column-width propriété