English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
このlist-style-typeCSS属性は、リストアイテムのマークのタイプを指定します。
以下の表は、この属性の使用方法とバージョン履歴、javascriptスクリプトでの使用方法を示しています。
| デフォルト値： | disc |
|---|---|
| 適用： | リストアイテム |
| 継承： | はい |
| アニメーション可能： | いいえ。参照してください アニメーション属性。 |
| バージョン： | CSS 1、2、3 |
| JavaScript構文： | object.style.listStyleType="circle" |
この属性の構文は以下の通りです：
list-style-type: disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | initial | inherit
以下の例では、リストの使用方法を示しています。-style-type属性。
ol {
list-style-type: decimal-leading-zero;
}
ul {
list-style-type: square;
}テストしてみる‹/›以下の表は、この属性の値を説明しています。
| 値 | 説明 |
|---|---|
| disc | デフォルトです。マークは実心円です。 |
| circle | マークは空き円です。 |
| square | マークは実心四角形です。 |
| decimal | マークは数字です。 |
| decimal-leading-ゼロ | 0で始まる数字マーカー。(01など。2など。3など。 |
| 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 | 簡単な表意数字 |
| ひらがな | マーカーは：a, i, u, e, o, ka, ki、など。（日本語のカタカナ） |
| カタカナ | マーカーは：A, I, U, E, O, KA, KI、など。（日本語のカタカナ） |
| ひらがな-いろは | マーカーは：i, ro, ha, ni, ho, he, to、など。（日本語のカタカナ） |
| カタカナ-いろは | マーカーは：I, RO, HA, NI, HO, HE, TO、など。（日本語のカタカナ） |
| none | タグを指定しません。 |
| initial | この属性をデフォルト値に設定します。 |
| inherit | 指定された場合、関連する要素は親要素のlistを利用します。-style-typeの属性値。 |
list-style-type属性のブラウザの互換性について、以下のテーブルの数字は、その属性をサポートするブラウザの最低バージョンを示します；すべての主要ブラウザはこの属性をサポートしています。
|