list-style-type
- ブラウザ
マーカーの種類
list-style-type: 値;
リストマーカーの種類を指定するプロパティです。
list-style-type: circle;
| プロパティ名 | 値 | 説明 |
|---|---|---|
| list-style-type ［CSS 1］ |
none | マーカーを表示しない |
| disc | 黒丸 | |
| circle | 白丸 | |
| square | 四角 | |
| decimal | 数字 | |
| upper-alpha | 大文字アルファベット | |
| lower-alpha | 小文字アルファベット | |
| upper-roman | 大文字ローマ数字 | |
| lower-roman | 小文字ローマ数字 | |
| ［CSS 2］ | decimal-leading-zero | 2桁の数字 |
| lower-greek | 小文字ギリシャ文字 | |
| upper-latin | 大文字ラテン文字 | |
| lower-latin | 小文字ラテン文字 | |
| hebrew | ヘブライ数字 | |
| armenian | アルメニア数字 | |
| georgian | グルジア数字 | |
| cjk-ideographic | 漢数字 | |
| hiragana | ひらがな | |
| katakana | カタカナ | |
| hiragana-iroha | いろは | |
| katakana-iroha | イロハ |
- ［CSS 1］の9種類は多くのブラウザで対応していますが、［CSS 2］の12種類は一部のブラウザでしか対応していません。
- ［CSS 2］の対応状況は、Firefox、Safari、Chromeは全てに対応、IE 8とOperaは一部に対応、IE 7以下は全て未対応となります。
- マーカーの画像を同時に指定している場合は、画像の表示が優先されます。
- 各マーカーの表示例は、「マーカーの種類を指定する」でご覧いただけます。
ul {
list-style-type: square;
}
ol {
list-style-type: upper-alpha;
}
