Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki
CSS3 - szpalty

CSS3 - column-count

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 liczbę szpalt
Dziedziczenie nie
Wartości liczba, auto
Wartość domyślna auto
Przykład column-count: 3
Składnia JavaScript object.style.columnCount=3

Aby zdefiniować liczbę szpalt, należy wpisać w definicji stylu column-count: liczba

Żadna przeglądarka nie obsługuje stylu w czystej postaci - Chrome i Safari wymagają użycia w definicji prefiksu -webkit-, natomiast Firefox - prefiksu -moz-.

Przykładowy styl umieszcza tekst w pojemniku w trzech szpaltach.

<div style="column-count: 3; -moz-column-count: 3; -webkit-column-count: 3">Tekst w pojemniku<div>
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: Firefox (z prefiksem), 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