お品書き
書き直し中…
とりあえず、中へどうぞ
↓↓↓
スポンサーリンク

【覚書】リスト(<ol> <ul>)のマーカーを変更するには

WEBデザイン
すぐ忘れてしまうので覚書

<ul>や<ol>などのリスト形式で、列挙されるデータのマークの種類を変更するには

<li>にスタイルで list-style-type を指定する。

ソース
<style><!-- .ltsq { list-style-type: square; } --></style> <ul> <li class="ltsq">りんご</li> <li class="ltsq">みかん</li> <li class="ltsq">こたつ</li> <li class="ltsq">餅</li> </ul>
表示
  • りんご
  • みかん
  • こたつ
※本当は<ul>や<ol>にスタイルを指定してやれば<li>には指定しなくても良いはずなのだけど、ブログのテンプレート等で<ul>・<ol>・<li>のスタイルが先に指定されてしまっているとうまく動かないっぽ(?.。?)
スポンサーリンク
スポンサーリンク
指定できるマーカーのスタイルは以下
CSS1noneマーカーを表示しない
disc黒丸
circle白丸
square四角
decimal数字
upper-alpha大文字アルファベット
lower-alpha小文字アルファベット
upper-roman大文字ローマ数字
lower-roman小文字ローマ数字
CSS2decimal-leading-zero2桁の数字
lower-greek小文字ギリシャ文字
upper-latin大文字ラテン文字
lower-latin小文字ラテン文字
hebrewヘブライ数字
armenianアルメニア数字
georgianグルジア数字
cjk-ideographic漢数字
hiraganaひらがな
katakanaカタカナ
hiragana-irohaいろは
katakana-irohaイロハ
CSS1の9種類はほとんどのブラウザで対応 CSS2の12種類は一部のブラウザでのみ対応

コメント