箇条書き

16.4.8. 箇条書き

箇条書き (ul, ol) の印を指定する方法を説明します。

順不同リスト #

ul 要素で表現される順不同リストに対しては list-style-type プロパティを使って箇条書きの印を書き換えることができます。

ソース

  • テスト
  • テスト
  • テスト
  • テスト
出力
  • テスト
  • テスト
  • テスト
  • テスト

指定できる値は、これ以外に disc と none があります。none と指定すると項目の先頭に何も表示されなくなります。また ul 要素ではなく li 要素に list-style-type プロパティを指定することで、各項目ごとに記号を変えることができます。

ソース

  • disc
  • square
  • circle
  • none
出力
  • disc
  • square
  • circle
  • none

順序つきリスト #

ol 要素で表される順序つきリストも list-style-type プロパティで順序の付け方を変えることができます。

ソース

  1. テスト
  2. テスト
  3. テスト
  1. テスト
  2. テスト
  3. テスト
出力
  1. テスト
  2. テスト
  3. テスト
  4. テスト
  5. テスト
  6. テスト

通常の数字による番号付けは decimal という値に対応しています。上の例にはありませんが upper-alpha や lower-roman も指定できます。また順不同リストと同様、li に対して list-style-type プロパティを指定することで個別に記号を設定できます。

境界と余白 箇条書き 補足