English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manuel de référence CSS

règles CSS @RULES

大全 des propriétés CSS

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

column-La propriété width CSS spécifie la largeur optimale des éléments de colonnes multiples. Ce n'est pas une valeur absolue, le navigateur peut ajuster la largeur de la colonne en fonction d'autres valeurs de propriété, en particuliercolumn-count。

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
Applicable à :non remplacéélément en blocélément (à l'exclusion des éléments de tableau), cellule de tableau etélément en ligneélément
Héritage :non
Animable :est.Veuillez consulter Propriétés d'animation。
Version : CSS3nouvelle fonctionnalité
Syntaxe JavaScript :object.style.columnWidth="100px"

column-Syntaxe de l'utilisation de width

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

column-width:　length　|　auto　|　initial　|　inherit

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

p　{
　　　　-webkit-column-width:　150px;　/*　Chrome, Safari, Opera　*/
　　　　　　　-moz-column-width:　150px;　/*　Firefox　*/
　　　　　　　　　　　　column-width:　150px;　
}
Voyons voir‹/›

Valeur de la propriété

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

ValeurDescription
length

Longueur exprimée en unité absolue ou relative, utilisée pour spécifier la largeur de la colonne.

autoLa largeur de la colonne est déterminée par d'autres valeurs de propriété des éléments de colonnes multiples, par exemple column-Count. C'est la valeur par défaut.
initialDéfinissez cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise la propriété column de son élément parent-Valeur de la propriété width.

Compatibilité du navigateur

column-La compatibilité du navigateur pour la propriété width, 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-

Lisez la suite

Veuillez consulter les tutoriels suivants :CSS3Disposition en colonnes multiples。

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

CSS3 columns propriétéCSS3 column-span propriété