Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki
Kurs CSS

CSS3 - column-width

Email Drukuj PDF

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;
Po wielkim zwycięstwie w bitwie pod Austerlitz (2 grudnia 1805) Napoleon wziął się za reorganizację Europy i przekazał Józefowi w następnym roku koronę niedawno zdobytego na Burbonach Królestwa Neapolu. Józef starał się jak mógł o zdobycie popularności w nowej ojczyźnie: założył Akademię Nauk i Starożytności, wybudował w swej stolicy nowy teatr i ufundował wiele nagród literackich. Chcąc uzdrowić gospodarkę wystawił na sprzedaż wiele królewszczyzn, by pokryć deficyt skarbu państwa i wprowadził nowoczesny system podatkowy. Już po dwóch latach udało się ustabilizować finanse państwowe, zreformować sądownictwo i szkolnictwo. Józef świetnie czuł się w Neapolu i zaczął zdobywać prawdziwą popularność, ale już po dwóch latach cesarski brat postanowił pozbawić tronu ostatnich koronowanych Burbonów, zmusił do abdykacji Burbonów z Hiszpanii i przekazał 6 lipca 1808 roku tron hiszpański Józefowi, osadzając w Neapolu szwagra Murata.
(źródło: Wikipedia)

Interpretacja: Chrome (z prefiksem), Safari (z prefiksem).

 

CSS. Tworzenie nowoczesnych stron WWW.

CSS3. Tworzenie nowoczesnych stron WWW
(czerwiec 2012)

HTML5 i CSS3. Standardy przyszłości

HTML5 i CSS3
Standardy przyszłości

CSS3. Szybki start. Wydanie V

CSS3. Szybki start.
Wydanie V