HTML | DOM 样式 listStyleType 属性

简介

在HTML和DOM中，listStyleType属性用于设置列表的符号类型。

语法

<style>
ul {
  list-style-type: disc|circle|square|decimal|lower-roman|upper-roman|lower-greek|lower-latin|upper-latin|armenian|georgian|lower-alpha|upper-alpha|none|initial|inherit;
}
</style>

属性值

• disc（默认值）：实心圆
• circle：空心圆
• square：实心正方形
• decimal：数字（1, 2, 3 ...）
• lower-roman：小写罗马数字（i, ii, iii ...）
• upper-roman：大写罗马数字（I, II, III ...）
• lower-greek：小写希腊字母（α, β, γ ...）
• lower-latin：小写拉丁字母（a, b, c ...）
• upper-latin：大写拉丁字母（A, B, C ...）
• armenian：传统的亚美尼亚数字（仿拟版）
• georgian：传统的格鲁吉亚数字（仿拟版）
• lower-alpha：小写英文字母（a, b, c ...）
• upper-alpha：大写英文字母（A, B, C ...）
• none：无符号
• initial：继承父元素的默认值
• inherit：继承父元素的值

示例

<style>
    ul {
        list-style-type: square;
    }
    ol {
        list-style-type: upper-roman;
    }
</style>

<ul>
    <li>第一项</li>
    <li>第二项</li>
    <li>第三项</li>
</ul>

<ol>
    <li>第一步</li>
    <li>第二步</li>
    <li>第三步</li>
</ol>

结果

以上是关于HTML | DOM 样式listStyleType属性的介绍。