Style columns egenskap

Definition och användning

columns Egenskapen är en förkortning för att ställa in columnWidth och columnCount.

Se också:

CSS3教程:CSS flera kolumner

CSS Referenshandbok:columns egenskap

Exempel

Dela texten i tre kolumner, varje kolumn minst 100 pixlar:

document.getElementById("myDIV").style.columns = "100px 3";

Prova själv

Syntax

Returnera columns egenskap:

object.style.columns

Ställ in columns egenskap:

object.style.columns = "auto|column-width column-count|initial|inherit"

Egenskapsvärde

Värde Beskrivning
auto Standardvärde. Sätt kolumnbredden till "auto" och antalet kolumner till "auto".
columnWidth Kolumnens bredd.
columnCount Antal kolumner.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Följande egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: auto auto
Returvärde: sträng som anger elementets columns egenskap.
CSS version: CSS3

Webbläsare stödjer

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