CSS column-fill egenskap

Definition och användning

column-fill egenskapen specificerar hur kolumnerna ska fyllas (om de ska koordineras).

Se också:

CSS3 tutorial:CSS3 multi-column

HTML DOM referenshandbok:columnFill egenskap

Exempel

Bestäm hur kolumnerna ska fyllas:

div
{
column-fill:auto;
}

CSS-syntax

column-fill: balance|auto;

Egenskapsvärde

Värde Beskrivning
balans Koordinera kolumnerna. Browsern bör minimera skillnaderna i kolumnens längd.
auto Fyll i kolumnerna i följd, kolumnens längd kommer att variera.

Tekniska detaljer

Standardvärde: balans
Ärvnad: nej
Version: CSS3
JavaScript-syntax: object.style.columnFill="auto"

Mer exempel

Column-count
Dela upp texten i tre kolumner inom div-elementet.
Column-gap
Dela upp texten i tre kolumner inom div-elementet och specificera en avstånd på 30 pixlar mellan kolumnerna.
Column-rule
Ställ in bredden, stilen och färgen mellan kolumnerna.

Browservärdering

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