CSS column-span egenskap

Definition och användning

column-span-egenskapen bestämmer hur många kolumner elementet bör sträcka sig över.

Se också:

CSS3-tutorial:CSS3 flera kolumner

HTML DOM Referenshandbok:columnSpan-egenskapen

Exempel

Gör h2-elementet att sträcka sig över alla kolumner:

h2
{
column-span:all;
}

Prova själv

Det finns fler exempel längre ner på sidan.

CSS-syntax

column-span: 1|all;

Egenskapsvärde

Värde Beskrivning Test
1 Elementet bör sträcka sig över en kolumn. Test
all Elementet bör sträcka sig över alla kolumner. Test

Tekniska detaljer

Standardvärde: 1
Ärvnad: nej
Version: CSS3
JavaScript-syntax: object.style.columnSpan="all"

Mer exempel

Column-count
Dela upp texten i tre kolumner i div-elementet.
Column-gap
Delar upp texten i tre kolumner i div-elementet, med en avstånd på 30 pixlar mellan kolumnerna.
Column-rule
Reglerar bredden, stilen och färgen mellan kolumnerna.

Webbläsarstöd

Siffrorna i tabellen anger den första webbläsarens version som helt stöder egenskapen.

Siffror med -webkit- eller -moz- anger den första versionen som använder prefix.

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