Tematy: column-count | column-fill | column-gap | column-rule | column-rule-color | column-rule-style | column-rule-width | column-span | column-width | columns
Dane w pigułce | |
Zastosowanie | Określa zbiorczo szerokość i liczbę szpalt |
Dziedziczenie | nie |
Wartości | szerokość, liczba |
Wartość domyślna | auto auto |
Przykład | columns: 200px 3 |
Składnia JavaScript | object.style.columns="200px 3" |
Aby zdefiniować szerokość szpalt, należy wpisać w definicji stylu columns: szerokość liczba
Żadna przeglądarka nie obsługuje stylu w czystej postaci - Chrome i Safari wymagają użycia w definicji prefiksu -webkit-.
Przykładowy styl tworzy trzy 200-pikselowe szpalty.
Uwaga: liczba widocznych szpalt, choć w przykładzie zdefiniowana jako 3, zależy od szerokości okna przeglądarki - wypróbuj zwężenie i rozszerzenie okna.
columns: 200px 3; -webkit-columns: 200px 3;
(źródło: Wikipedia)
Interpretacja: Chrome (z prefiksem), Safari (z prefiksem).