Kurs języka HTML i CSS

Poradnik webmastera

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

CSS3 - columns

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 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;
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