目录

style listStyle 属性

示例

更改列表的样式:

document.getElementById("myList").style.listStyle = "decimal inside";
亲自试一试 »

描述

listStyle 属性以简写形式设置或返回最多三个单独的列表属性。

使用此属性,您可以设置/返回以下一项或多项(按任意顺序):

  • 列表样式类型
  • 列表样式位置
  • 列表样式图片

浏览器支持

Property
listStyle Yes Yes Yes Yes Yes

语法

返回 listStyle 属性:

object.style.listStyle

设置 listStyle 属性:

object.style.listStyle = "type position image|initial|inherit"

属性值

Parameter Description
type Defines the list-item marker type
position Positions the list-item marker
image Defines an image to be used as the list-item marker
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit


技术细节

默认值: 盘外无
返回值: 一个 String,代表列表的样式
CSS版本 CSS1

更多示例

示例

将列表的类型和位置更改为"square inside":

document.getElementById("myList").style.listStyle = "square inside";
亲自试一试 »

示例

返回列表样式:

document.getElementById("myList").style.listStyle;
亲自试一试 »

相关页面

CSS教程:CSS 列表

CSS 参考:列表样式属性