list-style-typeの使い方

list-style-type

プロパティの説明

list-style-typeは、箇条書き要素の先頭に付加する記号を指定するプロパティです。<ul>, <ol>, <li>に指定することができます。

指定できる値

disc: 標準設定。黒丸を付加。
none: 何も付加しない状態にする。
circle: 白丸を付加。
square: 黒四角を付加。
decimal: 数字を付加。
lower-roman, upper-roman: 小文字・大文字のローマ数字を付加。

サンプル

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "https://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">

<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta http-equiv="Content-Style-Type" content="text/css">
 <title>サンプルページ</title>
 <style type="text/css">
 <!--
 .l1{list-style-type:none;}
 .l2{list-style-type:circle;}
 .l3{list-style-type:square;}
 .l4{list-style-type:decimal;}
 .l5{list-style-type:lower-roman;}
 -->
 </style>
</head>

<body>
 <h1>サンプルページ</h1>
 <ul>
  <li>通常</li>
  <li class="l1">noneを指定。</li>
  <li class="l2">circleを指定。</li>
  <li class="l3">squareを指定。</li>
  <li class="l4">decimalを指定。</li>
  <li class="l5">lower-romanを指定。</li>
 </ul>
</body>

</html>