上一节:
下一节:

  CSS list-style-type属性

  • 定义和用法

    list-style-type属性指定列表项标记的列表中的类型。
    特征 说明
    默认值 disc
    继承 有
    动画 没有。CSS动画参考
    CSS版本 CSS1
    JavaScript语法 object.style.listStyleType="square"尝试一下

  • 浏览器支持

    表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。
    属性 IE/Edge Chrome FireFox Safari Opera
    属性名称
    list-style-type 4.0+ 1.0+ 1.0+ 1.0+ 3.5+
    注意： Internet Explorer / Edge和Opera 12及更早版本不支持这些值：cjk-ideographic，hebrew，hiragana，hiragana-iroha，katakana和katakana-iroha。

  • CSS语法

    list-style-type: value;

  • 实例

    设置一些不同的列表样式： 
    ul.a {list-style-type: circle;}
ul.b {list-style-type: square;}
ol.c {list-style-type: upper-roman;}
ol.d {list-style-type: lower-alpha;}

  • 属性值

    属性值 描述
    disc 默认值。 标记是一个实心圆圈
    armenian 标记是传统的亚美尼亚编号
    circle 标记是一个圆圈
    cjk-ideographic 标记是简单的表意数字
    decimal 标记是一个数字
    decimal-leading-zero 标记是带前导零的数字（01,02,03等）
    georgian 标记是传统的格鲁吉亚编号
    hebrew 标记是传统的希伯来语编号
    hiragana 标记是传统的平假名编号
    hiragana-iroha 标记是传统的平假名iroha编号
    katakana 标记是传统的片假名编号
    katakana-iroha 标记是传统的片假名iroha编号
    lower-alpha 标记是小写-α（a，b，c，d，e等）
    lower-greek 标记是小写希腊语
    lower-latin 标记是小写拉丁（a，b，c，d，e等）
    lower-roman 标记是小写的罗马（i，ii，iii，iv，v等）
    none 没有显示标记
    square 标记是正方形
    upper-alpha 标记是大写-α（A，B，C，D，E等）
    upper-greek 标记是大写希腊语
    upper-latin 标记是大写拉丁（A，B，C，D，E等）
    upper-roman 标记是大写罗马（I，II，III，IV，V等）
    initial 将此属性设置为其默认值。查看initial关键字
    inherit 从其父元素继承此属性。查看inherit关键字

  • 相关页面

    HTML教程：HTML样式
    CSS教程：CSS列表
上一节:
CSS属性完整参考
下一节: