スタイルシートマニア
リストマーカーのバリエーション | ホームページカスタマイズ Tips
ol要素やul要素を使ったリスト(箇条書き)の先頭に表示されるリストマーカーは、list-style-typeで自在に変更できます。
.lisr-style ul {
list-style-type: disc;
}
リストスタイルのプロパティ値
- none
- マーカーなし
- disc
- 黒丸
- circle
- 白丸
- square
- 四角
- decimal
- アラビア数字
- lower-roman
- 小文字ローマ字
- upper-roman
- 大文字ローマ字
- lower-alpha
- 小文字アルファベット
- upper-alpha
- 大文字アルファベット
以上8種類から選べるようになっています。これら以外にも「katakana」や「katakana-iroha」など様々なタイプが用意されていますが、ブラウザによっては対応していないので使用しない方が無難です。
また、list-style-imageプロパティで自分の用意した画像をマーカー素材に適用させることもできます。
Author:hideo
Comments:0
« 前の記事 | 次の記事 » |