Własność CSS column-count

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 od auto, to ustawienie własności column-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