column-span

par 3 contributeurs :

Résumé

La propriété CSS column-span permet qu'un élément enjambe toutes les colonnes si sa valeur est all. Un élément qui s'étale sur plus d'une colonne est appelé un élément étendu.

  • Valeur initiale none
  • S'applique à éléments de type bloc participant au flux
  • Héritée non
  • Pourcentages
  • Média visual
  • Valeur calculée comme spécifié
  • Animable non
  • Ordre canonique l'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

Syntaxe formelle : none | all
column-span: none
column-span: all

column-span: inherit

 

Valeurs

none
L'élément n'enjambe pas plusieurs colonnes.
all
L'élément enjambe toutes les colonnes. Le contenu dans le flux normal qui apparaît avant l'élément est réparti automatiquement entre les différentes colonnes. L'élément créé un nouveau contexte de mise en forme bloc.

Exemples

h1, h2 {
  column-span: all;
}

Spécifications

Spécification Statut Commentaire
CSS Multi-column Layout Module
La définition de 'column-width' dans cette spécification.
Candidate Recommendation  

Compatibilité des navigateurs

Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support de base (Oui)-webkit Pas de support 10 11.1+ (Oui)-webkit
Fonction Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support de base (Oui)-webkit ? Pas de support ? 11.1+ (Oui)-webkit

Voir également

Étiquettes et contributeurs liés au document

Contributeurs à cette page : louuis, teoli, FredB
Dernière mise à jour par : louuis,