Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki
Wykazy

Typ stylu wykazu

Email Drukuj PDF

Tematy: typ stylu wykazu | obraz jako marker wykazu | pozycja markera wykazu | mieszane atrybuty wykazu

Dane w pigułce
Zastosowanie określa typ markera (punktora) wykazu
Dziedziczenie tak
Wartości disc, circle, square
decimal, decimal-leading-zero, lower-roman, upper-roman, lower-latin, lower-alpha, upper-latin, upper-alpha, lower-greek, georgian, armenian, hebrew
Wartość domyślna disc
Przykład list-style-type: square
Uwagi
Odpowiednik w HTML atrybut type

Aby zdefiniować typ stylu wykazu, należy wpisać w definicji stylu list-style-type: wartość

Punkty wykazu mogą być na wiele sposobów wyróżniane markerami (punktorami):

<ul style="list-style-type: disc">
<li>pierwszy punkt
<li>drugi punkt
<li>trzeci punkt
</ul>

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt

list-style-type: circle

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt

list-style-type: square

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt

list-style-type: decimal

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt

list-style-type: lower-roman

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt

list-style-type: upper-roman

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt

list-style-type: lower-alpha

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt

list-style-type: upper-alpha

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt

list-style-type: none

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt
Interpretacja: Internet Explorer, Opera, Firefox, Chrome

Najnowsze wersje przeglądarek obsługują wiele wartości z przewidzianych list-style-type, jak decimal-leading-zero (wiodące zero, np. 01, 02, 03...), lower-greek, lower-latin, upper-latin, cjk-ideographic, hiragana, katakana, hiragana-iroha, katakana-iroha, armenian, georgian, hebrew.

list-style-type: decimal-leading-zero

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt

list-style-type: lower-greek

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt

list-style-type: upper-greek

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt

list-style-type: lower-latin

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt

list-style-type: upper-latin

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt

list-style-type: cjk-ideographic (Firefox, Chrome)

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt

list-style-type: hiragana (Firefox, Chrome)

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt

list-style-type: katakana (Firefox, Chrome)

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt

list-style-type: hiragana-iroha (Firefox, Chrome)

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt

list-style-type: katakana-iroha (Firefox, Chrome)

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt

list-style-type: armenian

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt

list-style-type: georgian

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt

list-style-type: hebrew (Firefox, Chrome)

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt
 

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