CSS list-style-typeプロパティ
例
いくつかの異なるリストスタイルを設定します：
ul.circle {list-style-type:circle}
ul.square {list-style-type:square}
ol.upper-roman {list-style-type:upper-roman}
ol.lower-alpha {list-style-type:lower-alpha}
ul.square {list-style-type:square}
ol.upper-roman {list-style-type:upper-roman}
ol.lower-alpha {list-style-type:lower-alpha}
試してみる »
このページの下部にさらに例があります。
プロパティ定義と使用説明
list-style-type プロパティは、リスト項目マーカーのタイプを設定します。
| デフォルト値： | "disc" for <ul> and "decimal" for <ol> |
|---|---|
| 継承： | yes |
| バージョン： | CSS1 |
| JavaScript 構文： | object.style.listStyleType="square" |
ブラウザサポート
表内の数字は、そのプロパティをサポートする最初のブラウザのバージョン番号を示しています。
| プロパティ | |||||
|---|---|---|---|---|---|
| list-style-type | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
プロパティ値
| 值 | 説明 |
|---|---|
| none | マーカーなし。 |
| disc | デフォルト。マーカーは塗りつぶした円。 |
| circle | マーカーは白抜きの円。 |
| square | マーカーは塗りつぶした正方形。 |
| decimal | マーカーは数字。 |
| decimal-leading-zero | 0から始まる数字マーカー。(01, 02, 03, など) |
| lower-roman | 小文字ローマ数字(i, ii, iii, iv, v, など) |
| upper-roman | 大文字ローマ数字(I, II, III, IV, V, など) |
| lower-alpha | マーカーは小文字英字 (lower-alpha) です (a, b, c, d, e, など) |
| upper-alpha | マーカーは大文字英字 (upper-alpha) です (A, B, C, D, E, など) |
| lower-greek | 小文字ギリシャ文字(alpha, beta, gamma, など) |
| lower-latin | 小文字ラテン文字(a, b, c, d, e, など) |
| upper-latin | 大文字ラテン文字(A, B, C, D, E, など) |
| hebrew | 伝統的なヘブライ数字方式 |
| armenian | 伝統的なアルメニア数字方式 |
| georgian | 伝統的なジョージア数字方式(an, ban, gan, など) |
| cjk-ideographic | 単純な表意数字 |
| hiragana | マーカーは：a, i, u, e, o, ka, ki, など。（日本語の平仮名文字） |
| katakana | マーカーは：A, I, U, E, O, KA, KI, など。（日本語の片仮名文字） |
| hiragana-iroha | マーカーは：i, ro, ha, ni, ho, he, to, など。（日本語の平仮名序数） |
| katakana-iroha | マーカーは：I, RO, HA, NI, HO, HE, TO, など。（日本語の片仮名序数） |
その他の例
この例では、すべての異なるリスト項目マーカーを示しています。
関連記事
CSS チュートリアル:CSS リスト
CSS リファレンス:list-style プロパティ
その他の拡張