Własność CSS column-count określa liczbę kolumn układu wielokolumnowego, na jaką ma zostać podzielony wybrany element. Element mający przypisaną tę własność o wartości innej niż auto
staje się kontenerem wielokolumnowym.
Wartości i składnia
Własność column-count
jako wartość przyjmuje słowo kluczowe auto
albo liczbę całkowitą bez jednostki.
auto
- Liczba kolumn zostanie określona przez inne własności, na przykład
column-width
o wartości innej niżauto
. - Liczba całkowita bez jednostki
- Określa optymalną liczbę kolumn, jaka ma zostać utworzona do rozmieszczenia treści elementu. Wartość ta musi być większa od
0
.Jeśli własności
column-width
także zostanie przypisana wartość różna odauto
, to ustawienie własnościcolumn-count
określa maksymalną liczbę kolumn, jaka może zostać utworzona.
Przykłady
W poniższym przykładzie treść elementu div
zostanie podzielona na 5 kolumn.
div {
column-count: 5;
}
Podsumowanie
Zastosowanie | Kontenery blokowe |
---|---|
Obsługiwane wartości | Słowo kluczowe auto i liczba całkowita bez jednostki |
Wartość początkowa | auto |
Dziedziczenie | Nie |
Specyfikacja CSS | CSS Multi-column Layout Module Level 1, column-count |