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
Zastosowanie | Kontenery blokowe |
---|---|
Obsługiwane wartości | Odpowiadają wartościom obsługiwanym przez własności składowe |
Wartość początkowa | Wartości początkowe odpowiadają wartościom początkowym własności składowych |
Dziedziczenie | Nie |
Specyfikacja CSS | CSS Multi-column Layout Module Level 1, columns |