HTML Dog
跳至导航

CSS 属性:list-style

列表项标记的类型、图像和位置,

一个简写属性,组合了 list-style-typelist-style-imagelist-style-position

适用于设置为 display: list-item 的框(其中 li HTML 元素默认就是这种类型)。

可能的值

一个由空格分隔的列表,包含最多三个值,分别代表 list-style-typelist-style-imagelist-style-position。任何省略的值将默认为其初始值。

描述示例
[type]
(等同于 list-style-type 值)
  • 明确设置了类型。
  • 图像默认为 none
  • 位置默认为 outside
square
[image]
(等同于 list-style-image 值)
  • 明确设置了图像。
  • 类型默认为初始值。
  • 位置默认为 outside
url("bullet.png")
[position]
(等同于 list-style-position 值)
  • 明确设置了位置。
  • 类型默认为初始值。
  • 图像默认为 none
inside
[type] [image]
  • 明确设置了类型,并在图像不可用时作为备用。
  • 明确设置了图像。
  • 位置默认为 outside
square url("bullet.png")
[type] [position]
  • 明确设置了类型。
  • 明确设置了位置。
  • 图像默认为 none
square inside
[image] [position]
  • 明确设置了图像。
  • 明确设置了位置。
  • 类型默认为初始值。
url("bullet.png") inside
[type] [image] [position]
  • 明确设置了类型,并在图像不可用时作为备用。
  • 明确设置了图像。
  • 明确设置了位置。
square url("bullet.png") inside
inherit
initial
unset

示例


li { list-style: square inside; }

浏览器支持