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 szerokość szpalt |
Dziedziczenie | nie |
Wartości | szerokość, auto |
Wartość domyślna | auto |
Przykład | column-width: 200px |
Składnia JavaScript | object.style.columnWidth="200px" |
Aby zdefiniować szerokość szpalt, należy wpisać w definicji stylu column-width: szerokość
Żadna przeglądarka nie obsługuje stylu w czystej postaci - Chrome i Safari wymagają użycia w definicji prefiksu -webkit-.
Przykładowy styl tworzy 200-pikselową szerokość szpalt.
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.
column-width: 200px; -webkit-column-width: 200px;
(źródło: Wikipedia)
Interpretacja: Chrome (z prefiksem), Safari (z prefiksem).