CSS list-style 属性

CSS list-style 简写属性在一个声明中设置所有的列表属性

可以设置的属性(按顺序):

  1. list-style-type
  2. list-style-position
  3. list-style-image

可以不设置其中的某个值,比如 "list-style:circle inside;" 也是允许的

未设置的属性会使用其默认值

默认值 disc outside none
继承 yes
版本 CSS1
JavaScript 语法 object.style.listStyle="decimal inside"

属性值

描述
list-style-type 设置列表项标记的类型
参考 list-style-type 中可能的值
list-style-position 设置在何处放置列表项标记
参考 list-style-position 中可能的值
list-style-image 使用图像来替换列表项的标记
参考 list-style-image 中可能的值
initial 将这个属性设置为默认值
参考 initial 中可能的值
inherit 规定应该从父元素继承 list-style 属性的值
参考 inherit 中可能的值

浏览器支持

下表中的数字表示支持该属性的第一个浏览器版本号

1.0 4.0 1.0 1.0 7.0

范例

在一个声明中指定所有列表属性

ul {
    list-style:square url("/static/i/css/sqpurple.gif");
}

运行范例 »

相关文章

CSS 基础教程 CSS 列表

CSS 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.