English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
column-La propriété fill CSS spécifie comment la longueur des colonnes des éléments multicolumn est affectée par le flux de contenu. Le contenu dans la mise en page multicolumn est équilibré, ce qui signifie que le contenu de toutes les colonnes aura la même hauteur, ou qu'il ne prendra que l'espace nécessaire pour satisfaire le contenu lorsque l'utilisation de la valeur auto.
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 : | balance |
|---|---|
| Applicable à : | Éléments multicolumn |
| Héritage : | Non |
| Animable : | Non Attributs d'animation。 |
| Version : | CSS3nouvelle fonction |
| Syntaxe JavaScript : | object.style.columnFill="auto" |
La syntaxe de cette propriété est la suivante :
column-fill: auto | balance | initial | inherit
Les exemples suivants montrent comment utiliser column-propriété fill.
p {
-moz-column-fill: auto; /* Firefox */
column-fill: auto;
}Testez et voyez‹/›Le tableau suivant décrit les valeurs de cette propriété.
| Valeur | Description |
|---|---|
| auto | Remplir les colonnes en ordre, de sorte que la longueur des colonnes puisse varier, en fonction des valeurs des autres propriétés de colonne. |
| balance | Remplir les colonnes dans l'ordre, de sorte que les hauteurs des colonnes soient équilibrées le plus possible en fonction des valeurs des autres propriétés de colonne. |
| 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-Valeurs de la propriété fill. |
column-Compatibilité des navigateurs pour la propriété fill, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; actuellement, seul le navigateur Firefox prend en charge cette propriété.
|
Veuillez consulter les tutoriels suivants :CSS3Mise en page multicolumn。
Propriétés associées :column-width，column-gap，column-rule，column-rule-width，column-rule-style，column-rule-color，column-span，column-count，columns。