Własność CSS columns

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

Podobał Ci się ten artykuł?

Oceń go!

Średnia 0 / 5. Liczba głosów: 0

Jeszcze nikt nie głosował. Wyprzedź innych i zagłosuj.

Skoro spodobał Ci się ten artykuł...

Poleć go znajomym!

Ojej :( Powiedz nam, co powinniśmy poprawić!

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.