CSS columns egenskap

Definition och användning

columns egenskap är en förenklad egenskap som används för att ställa in kolumnbredd och antal kolumner.

Se också:

CSS3 Tutorial:CSS3 multi-kolumner

HTML DOM Referenshandbok:columns egenskap

Exempel

Definiera bredd och antal kolumner:

div
{
columns:100px 3;
}

Prova själv

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

CSS-syntax

columns: column-width column-count;

Egenskapsvärde

Värde Beskrivning
column-width Kolumnens bredd.
column-count Antal kolumner.

Tekniska detaljer

Standardvärde: auto auto
Arvbarhet: nej
Version: CSS3
JavaScript-syntax: object.style.columns="100px 3"

Mer exempel

Column-count
Delar upp texten i tre kolumner i div-elementet.
Column-gap
Delar texten i tre kolumner i div-elementet med en mellanrum av 30 pixlar.
Column-rule
Definition av bredd, stil och färg mellan kolumner.

Webbläsarstöd

Tal i tabellen anger den första webbläsarversionen som fullständigt stöder egenskapen.

Tal med -webkit- eller -moz- prefix indikerar den första versionen som använder prefixet.

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