CSS kolumnantals egenskap

Definition och användning

column-count-egenskapen anger hur många kolumner elementet ska delas i.

Se också:

CSS3-tutorial:CSS3 flera kolumner

HTML DOM referenshandbok:columnCount-egenskapen

Exempel

Delar upp texten i tre kolumner i div-elementet:

div
{
column-count:3;
}

Prova själv

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

CSS-syntax

column-count: number|auto;

Egenskapsvärde

Värde Beskrivning Test
number Det bästa antalet kolumner att dela elementinnehållet i. Test
auto Antalet kolumner bestäms av andra egenskaper, till exempel "column-width". Test

Tekniska detaljer

Standardvärde: auto
Arv: nej
Version: CSS3
JavaScript-syntax: object.style.columnCount=3

Mer exempel

Column-gap
Delar upp texten i tre kolumner i div-elementet och anger en 30 pixels bredd mellan kolumnerna.
Column-rule
Bestämmer bredd, stil och färg mellan kolumner.

Webbläsarstöd

Talen i tabellen anger den första webbläsare som helt stöder egenskapen.

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