![[HWB]](/image/hwb3.png "[HWB]"){kind=small}
箇条書き (ul, ol) の印を指定する方法を説明します．
順不同リスト
ul 要素で表現される順不同リストに対しては list-style-type プロパティを使って箇条書きの印を書き換えることができます．
ソース
<ul style="list-style-type: square"> <li>テスト</li> <li>テスト</li> </ul> <ul style="list-style-type: circle"> <li>テスト</li> <li>テスト</li> </ul>
出力
- テスト
- テスト
- テスト
- テスト
指定できる値は，これ以外に disc と none があります．none と指定すると項目の先頭に何も表示されなくなります．また ul 要素ではなく li 要素に list-style-type プロパティを指定することで，各項目ごとに記号を変えることができます．
ソース
<ul> <li style="list-style-type: disc">disc</li> <li style="list-style-type: square">square</li> <li style="list-style-type: circle">circle</li> <li style="list-style-type: none">none</li> </ul>
出力
- disc
- square
- circle
- none
順序つきリスト
ol 要素で表される順序つきリストも list-style-type プロパティで順序の付け方を変えることができます．
ソース
<ol style="list-style-type: lower-alpha"> <li>テスト</li> <li>テスト</li> <li>テスト</li> </ol> <ol style="list-style-type: upper-roman"> <li>テスト</li> <li>テスト</li> <li>テスト</li> </ol>
出力
- テスト
- テスト
- テスト
- テスト
- テスト
- テスト
通常の数字による番号付けは decimal という値に対応しています．上の例にはありませんが upper-alpha や lower-roman も指定できます．また順不同リストと同様，li に対して list-style-type プロパティを指定することで個別に記号を設定できます．