CSS 2 - List-style-type

 

[ A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ H ]  [ L ]  [ M ]  [ O ]  [ P ]  [ Q ]  [ R ]  [ S ]  [ T ]  [ V ]  [ W ]  [ Z ]

list-style-type

    

Wartości:

  • disc (wartość domyślna) - wyróżniki w postaci kropek;
  • square - wyróżniki w postaci kwadratów;
  • circle - wyróżniki w postaci kół;
  • decimal - numeracja dziesiętna;
  • decimal-leading-zero - numeracja dziesiętna z początkowym zerem;
  • lower-greek - małe greckie litery;
  • lower-latin - małe łacińskie litery;
  • upper-latin - duże łacińskie litery;
  • armenian - numerowanie armeńskie;
  • georgian - numerowanie gruzińskie;
  • hebrew - numerowanie hebrajskie;
  • cjk-ideographic - numerowanie ideograficzne;
  • hiragana - numerowanie japońskie "hiragana";
  • katakana - numerowanie japońskie "katakana";
  • hiragana-iroha - numerowanie japońskie "hiragana-iroha";
  • katakana-iroha - numerowanie japońskie "katakana-iroha";
  • lower-alpha - małe litery;
  • upper-alpha - duże litery;
  • lower-roman - numerowanie rzymskie: małe znaki;
  • upper-roman - numerowanie rzymskie: duże znaki;
  • inherit - przejęcie wartości "rodzica".

 

Zastosowanie.

Przykład:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
   <meta http-equiv="content-type"   content="text/html; charset=iso-8859-2">
   <title>Pierwszy dokument</title>
   <style type="text/css">
      UL {list-style-type:decimal-leading-zero;}
   </style>
</head>
<body>
   <ul>
      <li>element numer 1</li>
      <li>element numer 2</li>
      <li>element numer 3</li>
   </ul>
</body>
</html>

Efekt:

[testuj]

 

[ A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ H ]  [ L ]  [ M ]  [ O ]  [ P ]  [ Q ]  [ R ]  [ S ]  [ T ]  [ V ]  [ W ]  [ Z ]