Kurs języka HTML i CSS

Poradnik webmastera

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

CSS3 - column-rule-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 grubość linii między szpaltami
Dziedziczenie nie
Wartości thin, medium, thick, szerokość
Wartość domyślna medium
Przykład column-rule-width: medium
Składnia JavaScript object.style.columnRuleWidth="medium"

Aby zdefiniować szerokość linii między szpaltami, należy wpisać w definicji stylu column-rule-width: szerokość

Ż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 tworzy linię o szerokości medium (oczywiście konieczne jest równoległe zdefiniowanie stylu i koloru).

column-rule-width: medium; -moz-column-rule-width: medium; -webkit-column-rule-width: medium;
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