Attribut column-span CSS

Définition et utilisation

L'attribut column-span détermine le nombre de colonnes que l'élément doit couvrir.

Voir également :

Tutoriel CSS3 :Colonnes multiples CSS3

Manuel de référence HTML DOM :Attribut columnSpan

Exemple

Faire couvrir toutes les colonnes à l'élément h2 :

h2
{
column-span:all;
}

Essayez-le vous-même

Plus d'exemples en bas de page.

Syntaxe CSS

column-span: 1|all;

Valeur de l'attribut

Valeur Description Test
1 L'élément doit couvrir une colonne. Test
all L'élément doit couvrir toutes les colonnes. Test

Détails techniques

Valeur par défaut : 1
Héritabilité : non
Version : CSS3
Syntaxe JavaScript : object.style.columnSpan="all"

Plus d'exemples

Column-count
Diviser le texte de l'élément div en trois colonnes.
Column-gap
Diviser le texte de l'élément div en trois colonnes et espacer les colonnes de 30 pixels.
Column-rule
Définir la largeur, le style et la couleur entre les colonnes.

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété.

Les nombres avec -webkit- ou -moz- indiquent la première version utilisant le préfixe.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 71.0 9.0
3.1 -webkit-		 37.0
15.0 -webkit-
11.1