list-style

  • 版本:CSS1
  • 媒体:视觉
wechat
WEB前端开发官方公众号
10年服务3000万前端开发工程师

微信号:webfedev

微信扫一扫关注,每天分享前端干货

语法:

list-style:<' list-style-type '> || <' list-style-position '> || <' list-style-image '>

默认值看独立属性自身

适用于:所有 <' display '> 设置为list-item的元素

继承性:有

动画性:否

计算值:看独立属性自身

取值:

<' list-style-type '>:
设置或检索对象的列表项所使用的预设标记
<' list-style-position '>:
设置或检索作为对象的列表项标记如何根据文本排列
<' list-style-image '>:
设置或检索作为对象的列表项标记的图像

说明:

复合属性。设置列表项目相关内容
  • 需要注意的是,如果使用 <' list-style '> 复合属性,<' list-style-image '> 属性必须放在最后,否则部分浏览器(包括所有的webkit/blink内核浏览器)将会解析出错。
  • 对应的脚本特性为listStyle

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0+ 2.0+ 4.0+ 6.0+ 15.0+ 6.0+ 2.1+ 18.0+

示例: