Proprietà column-fill CSS

Definizione e uso

L'attributo column-fill stabilisce come riempire le colonne (se deve essere coordinato).

Vedi anche:

Tutorial CSS3:CSS3 Multicolon

Manuale HTML DOM:Proprietà columnFill

Esempio

Stabilisce come riempire le colonne:

div
{
column-fill:auto;
}

Sintassi CSS

column-fill: balance|auto;

Valore dell'attributo

Valore Descrizione
balance Rendi le colonne coordinate. Il browser dovrebbe minimizzare le differenze nella lunghezza delle colonne.
auto Riempe le colonne in ordine, la lunghezza delle colonne sarà diversa.

Dettagli tecnici

Valore predefinito: balance
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: object.style.columnFill="auto"

Altri esempi

Column-count
Divide il testo dell'elemento div in tre colonne.
Column-gap
Divide il testo dell'elemento div in tre colonne e stabilisce un intervallo tra le colonne di 30 pixel.
Column-rule
Stabilisce la larghezza, lo stile e il colore tra le colonne.

Supporto del browser

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