English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
column-L'attribut span CSS spécifie le nombre de colonnes que l'élément traverse dans un agencement en colonnes multiples. Un élément traversant plusieurs colonnes est appelé élément de traverse.
Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cet attribut dans les scripts JavaScript.
| Valeur par défaut : | none |
|---|---|
| Applicable à : | Les éléments en bloc, flottants et en position absolue sont exclus |
| Héritage : | Non |
| Animable : | Non.Voir également Attributs d'animation。 |
| Version : | CSS3nouvelle fonctionnalité |
| Syntaxe JavaScript : | object.style.columnSpan="all" |
La syntaxe de cette propriété est la suivante :
column-span: none | all | initial | inherit
Les exemples suivants montrent comment utiliser column-Attribut span.
h1 {
-webkit-column-span: all; /* Chrome, Safari, Opera */
column-span: all;
}Vérifiez ici‹/›Le tableau suivant décrit les valeurs de cette propriété.
| Valeur | Description |
|---|---|
| none | L'élément ne traverse pas plusieurs colonnes. C'est la valeur par défaut. |
| all | L'élément traverse toutes les colonnes de la page. Tout le contenu déclaré avant l'élément est affiché avant l'élément. |
| initial | Définir cette propriété à sa valeur par défaut. |
| inherit | Si spécifié, l'élément lié utilise le column du parent-Valeur de l'attribut span. |
column-La compatibilité des navigateurs pour l'attribut span est présentée dans le tableau suivant, où les numéros indiquent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.
|
Veuillez consulter les tutoriels suivants :CSS3Agencement en colonnes multiples。
Attributs associés :column-width，column-fill，column-gap，column-rule，column-rule-color，column-rule-style，column-rule-width，column-count，columns。