CSS column-width egenskap

Definition och användning

column-width egenskap definierar bredden på kolumnen.

Se också:

CSS3 tutorial:CSS3 flera kolumner

HTML DOM referenshandbok:columnWidth egenskap

Exempel

Definierar bredden på kolumnen:

div
{
column-width:100px;
}

Prova själv

Det finns fler exempel på sidan

CSS-syntax

column-width: auto|length;

Egenskapsvärde

Värde Beskrivning Test
auto Kolumnbredden bestäms av webbläsaren. Test
length Definierar bredden på kolumnen. Test

Tekniska detaljer

Standardvärde: auto
Arvbarhet: no
Version: CSS3
JavaScript-syntax: object.style.columnWidth="100px"

Mer exempel

Column-count
Delar upp texten i tre kolumner i div-elementet.
Column-gap
Delar texten i tre kolumner i div-elementet och lägger till 30 pixlar mellan dem.
Column-rule
Definition av bredd, stil och färg mellan kolumner.

Webbläsarstöd

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

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

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0