Przejdź do treści

Układ wielokolumnowy CSS

Źródło: CSS Multi-column Layout Module Level 1

column-count

Liczba kolumn

Wartość
auto | <integer [1,∞]>
Inicjalizacja
auto
Zastosowanie
elementy blokowe z wyjątkiem tabel
Dziedziczenie
nie
Procenty
nie

column-fill

Wypełnienie kolumn

Wartość
auto | balance | balance-all
Inicjalizacja
balance
Zastosowanie
kontenery układu wielokolumnowego
Dziedziczenie
nie
Procenty
nie

column-rule

Atrybuty mieszane linii rozdzielająca kolumny

Wartość
<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
zobacz cechy indywidualne
Dziedziczenie
zobacz cechy indywidualne
Procenty
zobacz cechy indywidualne

column-rule-color

Kolor linii rozdzielająca kolumny

Wartość
<color>
Inicjalizacja
currentcolor
Zastosowanie
kontenery układu wielokolumnowego
Dziedziczenie
nie
Procenty
nie

column-rule-style

Styl linii rozdzielająca kolumny

Wartość
<line-style>
Inicjalizacja
none
Zastosowanie
kontenery układu wielokolumnowego
Dziedziczenie
nie
Procenty
nie

column-rule-width

Szerokość linii rozdzielająca kolumny

Wartość
<line-width>
Inicjalizacja
medium
Zastosowanie
kontenery układu wielokolumnowego
Dziedziczenie
nie
Procenty
nie

column-span

Łączenie kolumn

Wartość
none | all
Inicjalizacja
none
Zastosowanie
wszystkie elementy blokowe bez ustawionego oblewania ani pozycjonowania absolutnego
Dziedziczenie
nie
Procenty
nie

column-width

Szerokość kolumny

Wartość
auto | <length [0,∞]>
Inicjalizacja
auto
Zastosowanie
elementy blokowe z wyjątkiem tabel
Dziedziczenie
nie
Procenty
nie

columns

Atrybuty mieszane kolumn

Wartość
<'column-width'> || <'column-count'>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
zobacz cechy indywidualne
Dziedziczenie
zobacz cechy indywidualne
Procenty
zobacz cechy indywidualne

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
column-count: wartość50
2016-04-13
52
2017-03-07
12
2015-07-29
37
2016-05-04
9
2015-09-30
column-count: auto1
2008-12-11
1.5
2005-11-29
12
2015-07-29
15
2013-07-02
3
2007-10-26
column-fill: wartość50
2016-04-13
52
2017-03-07
12
2015-07-29
37
2016-05-04
9
2015-09-30
column-fill: auto50
2016-04-13
17
2012-11-20
12
2015-07-29
37
2016-05-04
8
2014-10-16
column-fill: balance50
2016-04-13
17
2012-11-20
12
2015-07-29
37
2016-05-04
8
2014-10-16
column-rule: wartość50
2016-04-13
52
2017-03-07
12
2015-07-29
11.1
2011-04-12
9
2015-09-30
column-rule-color: wartość50
2016-04-13
52
2017-03-07
12
2015-07-29
11.1
2011-04-12
9
2015-09-30
column-rule-style: wartość50
2016-04-13
52
2017-03-07
12
2015-07-29
11.1
2011-04-12
9
2015-09-30
column-rule-width: wartość50
2016-04-13
52
2017-03-07
12
2015-07-29
11.1
2011-04-12
9
2015-09-30
column-span: wartość50
2016-04-13
71
2019-12-10
12
2015-07-29
37
2016-05-04
9
2015-09-30
column-span: all6
2010-09-02
71
2019-12-10
12
2015-07-29
15
2013-07-02
5.1
2011-07-20
column-span: none6
2010-09-02
71
2019-12-10
12
2015-07-29
15
2013-07-02
5.1
2011-07-20
column-width: wartość50
2016-04-13
50
2016-11-15
12
2015-07-29
11.1
2011-04-12
9
2015-09-30
column-width: auto1
2008-12-11
1.5
2005-11-29
12
2015-07-29
15
2013-07-02
3
2007-10-26
columns: wartość50
2016-04-13
52
2017-03-07
12
2015-07-29
11.1
2011-04-12
9
2015-09-30
Facebook