list-style-typeの設定サンプル

  • Windows
  • Macintosh
  • Windows
  • Macintosh
  • Windows
  • Macintosh
  • Windows
  • Macintosh
  1. Windows
  2. Macintosh
  1. Windows
  2. Macintosh
  1. Windows
  2. Macintosh
  1. Windows
  2. Macintosh
  1. Windows
  2. Macintosh

Microsoft Internet Explorerではdecilam-leading-zeroは表現できません。

HTMLコード
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
<meta http-equiv="Content-Style-Type" content="text/css">

<title>リスト・スタイル</title>
<style type="text/css">
<!--
ul.test1 {list-style-type: disc }
ul.test2 {list-style-type: circle }
ul.test3 {list-style-type: square }
ul.test4 {list-style-type: decimal }
ol.test5 {list-style-type: lower-roman }
ol.test6 {list-style-type: upper-roman }
ol.test7 {list-style-type: decimal-leading-zero }
ol.test8 {list-style-type: upper-alpha }
ol.test9 {list-style-type: none }
-->
</style>
</head>

<body>

<table>
<tr><td><ul class="test1"><li>Windows<li>Macintosh</ul>
    <td><ul class="test2"><li>Windows<li>Macintosh</ul>
    <td><ul class="test3"><li>Windows<li>Macintosh</ul>
    <td><ul class="test4"><li>Windows<li>Macintosh</ul></tr>

<tr><td><ol class="test5"><li>Windows<li>Macintosh</ol>
    <td><ol class="test6"><li>Windows<li>Macintosh</ol>
    <td><ol class="test7"><li>Windows<li>Macintosh</ol>
    <td><ol class="test8"><li>Windows<li>Macintosh</ol></tr>

<tr><td><ol class="test9"><li>Windows<li>Macintosh</ol></tr>
</table>
</body>
</html>