CSS list-style-type 属性

定义和用法

list-style-type 属性设置列表项标记的类型。

另请参阅：

CSS 教程：CSS 列表

CSS 参考手册：CSS list-style 属性

HTML DOM 参考手册：listStyleType 属性

实例

设置不同的列表样式：

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;}

亲自试一试

（在页面底部可以找到更多实例）

CSS 语法

list-style-type: value;

属性值

CSS2 的值：

值 描述
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 小写英文字母The marker is 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、など。（日本語のカタカナ）

CSS2.1の値：

disc | circle | square | decimal | decimal-leading-zero | 
lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | 
armenian | georgian | none | inherit

技術的詳細

デフォルト値： disc
継承性： はい
バージョン： CSS1
JavaScript语法： object.style.listStyleType="square"

さらに多くの例

無秩序リスト内のさまざまな種類のリストマーク
この例では、CSSで使用されるさまざまな種類のリストアイテムマークを示しています。
順序リスト内のさまざまな種類のリストアイテムマーク
この例では、CSSで使用されるさまざまな種類のリストアイテムマークを示しています。
すべてのリストスタイルのタイプ
この例では、CSSで使用されるすべての種類のリストアイテムマークを示しています。

ブラウザのサポート

このテーブルの数字は、この属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5