すぐ忘れてしまうので覚書 <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種類は一部のブラウザでのみ対応 |
コメント