CSS column-span egenskab

Definition og brug

column-span egenskab definerer, hvor mange kolonner elementet skal krydse.

Se også:

CSS3 tutorial:CSS3 flere kolonner

HTML DOM referencehåndbog:columnSpan egenskab

Eksempel

Gør h2-elementet krydse alle kolonner:

h2
{
column-span:all;
}

Prøv det selv

Der er flere eksempler på siden.

CSS syntaks

column-span: 1|all;

Egenskabsværdi

Værdi Beskrivelse Test
1 Elementet skal krydse én kolonne. Test
all Elementet skal krydse alle kolonner. Test

Tekniske detaljer

Standardværdi: 1
Arv: nej
Version: CSS3
JavaScript syntaks: object.style.columnSpan="all"

Flere eksempler

Column-count
Del teksten i tre kolonner i div-elementet.
Column-gap
Del teksten i tre kolonner i div-elementet, med en afstand på 30 pixels mellem kolonnerne.
Column-rule
Definerer bredden, stilen og farven på kolonnerne.

Browserstøtte

Tal i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

Tal med -webkit- eller -moz- som præfiks angiver den første version, der bruger præfikset.

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