轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

Style listStyle 属性

实例

更改列表的样式:

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

定义和用法

listStyle 属性以速记形式设置或返回三个独立的列表属性。

通过该属性，您可以设置/返回：

  • list-style-type
  • list-style-position
  • list-style-image

浏览器支持

属性
listStyle Yes Yes Yes Yes Yes

语法

返回 listStyle 属性:

object.style.listStyle

设置 listStyle 属性:

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

属性值

参数 描述
type 定义列表项标记的类型。
position 对列表项标记进行定位。
image 定义图像为列表项标记。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

技术细节

默认值: disc outside none
返回值: 一个字符串，表示列表的样式
CSS 版本 CSS1

更多实例

实例

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

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

实例

返回列表样式:

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

相关页面

CSS 教程: CSS List

CSS 参考手册: list-style 属性

❮ Style 对象