Własność CSS columns

> Dodaj do ulubionych

Własność CSS colums to własność zbiorcza, za pomocą której można zdefiniować liczbę lub szerokość albo zarówno liczbę, jak i szerokości kolumn w układzie wielokolumnowym CSS.

Obejmowane własności indywidualne:

Wartości i składnia

Własność columns jako wartość przyjmuje jedną lub dwie własności odpowiadające jej własnościom składowym. Ich kolejność jest nieistotna.

Jeśli zostanie podana tylko jedna wartość, to druga domyślnie zostanie ustawiona na wartość początkową (auto).

Jeśli zostaną podane obie wartości (każda inna niż auto), to ustawienie własności column-count określa maksymalną dozwoloną liczbę kolumn.

Przykłady

W poniższym przykładzie treść elementu div zostanie podzielona na kolumny o szerokości 300 pikseli.


div {
  columnS: 300px;
}

Podsumowanie

ZastosowanieKontenery blokowe
Obsługiwane wartościOdpowiadają wartościom obsługiwanym przez własności składowe
Wartość początkowaWartości początkowe odpowiadają wartościom początkowym własności składowych
DziedziczenieNie
Specyfikacja CSSCSS Multi-column Layout Module Level 1, columns
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.