書式
list-style-type:形状
対象
list-item要素
継承
する
初期値
disk
バージョン
CSS Level 2
対応ブラウザ
Win/Mac IE5.0以降, NN7.1以降, Firefox, Opera 8, Safari
解説
リスト項目の形状を指定します。以下のものが指定できます。
| 設定名 | 種類 |
|---|
| none | なし |
| disk | 黒丸 |
| circle | 白丸 |
| square | 黒い四角 |
| decimal | 数字 |
| decimal-leading-zero |
数字（先頭に0を付加） |
| lower-roman | ローマ数字（小文字） |
| upper-roman | ローマ数字（大文字） |
| lower-greek | ギリシャ文字（小文字） |
| lower-alpha | アルファベット（小文字） |
| upper-alpha | アルファベット（大文字） |
| lower-latin | アルファベット/ラテン（小文字） |
| upper-latin | アルファベット/ラテン（大文字） |
| hebrew | ヘブライ |
| armenian |
アルメニア語 |
| georgian |
グルジア語 |
| cjk-ideographic |
漢数字 |
| hiragana |
ひらがな |
| katakana |
かたかな |
| hiragana-iroha |
平仮名（いろは順） |
| katakana-iroha |
片仮名（いろは順） |
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
body { margin:0px; }
ul { position:absolute; left:10px; top:10px;
list-style-type:lower-roman;
}
--></style>
</head>
<body>
<ul>
<li>Sample
<li>list
<li>text
</ul>
</body>
</html>