Własność CSS column-count

> Dodaj do ulubionych

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

ZastosowanieKontenery blokowe
Obsługiwane wartościSłowo kluczowe auto i liczba całkowita bez jednostki
Wartość początkowaauto
DziedziczenieNie
Specyfikacja CSSCSS Multi-column Layout Module Level 1, column-count
Jajko z dzwonkiem

Podoba Ci się ta strona?

Pomóż nam się rozwijać, wykupując płatne konto. Dzięki temu będziemy mogli tworzyć dla Ciebie jeszcze więcej ciekawych treści, a Ty pozbędziesz się reklam.