すぐ忘れてしまうので覚書 <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>のスタイルが先に指定されてしまっているとうまく動かないっぽ(？.。？)
スポンサーリンク
スポンサーリンク
指定できるマーカーのスタイルは以下
| CSS1 | none | マーカーを表示しない | |
| disc | 黒丸 | ||
| circle | 白丸 | ||
| square | 四角 | ||
| decimal | 数字 | ||
| upper-alpha | 大文字アルファベット | ||
| lower-alpha | 小文字アルファベット | ||
| upper-roman | 大文字ローマ数字 | ||
| lower-roman | 小文字ローマ数字 | ||
| CSS2 | decimal-leading-zero | 2桁の数字 | |
| lower-greek | 小文字ギリシャ文字 | ||
| upper-latin | 大文字ラテン文字 | ||
| lower-latin | 小文字ラテン文字 | ||
| hebrew | ヘブライ数字 | ||
| armenian | アルメニア数字 | ||
| georgian | グルジア数字 | ||
| cjk-ideographic | 漢数字 | ||
| hiragana | ひらがな | ||
| katakana | カタカナ | ||
| hiragana-iroha | いろは | ||
| katakana-iroha | イロハ |
| ※ | CSS1の9種類はほとんどのブラウザで対応 CSS2の12種類は一部のブラウザでのみ対応 |
コメント