CSS list-style 属性用于设置列表标记的样式。它是同时设置, 和 的简写属性。
list-style 属性是设置列表项标记样式或通过 display: list-item 设置的列表元素的列表项样式的常用方式。
如果你指定了属性,那么使用指定的标记类型会被替换为指定的图像。
如果 list-style 的三个属性值都没有设置,浏览器会使用它们默认的值作为列表项标记的样式。
注意,如果你只为 list-style 属性设置了一个 none 值,那么该元素的列表标记将不会被显示。例如下面的代码:
ul { list-style: none; }
那么ul元素中的列表标记将不会显示。
官方语法list-style: [ <'list-style-type'> || <'list-style-position'> || <'list-style-image'> ] | inherit
参数:
<'list-style-type'> :设置列表项标记的类型,具体可以参考属性。 <'list-style-position'> :设置列表项标记的位置,具体可以参考属性。 <'list-style-image'> :使用图像作为列表项标记,具体可以参考属性。 inherit :继承父元素的 list-style 值。list-style 属性的初始值为 disc outside none 。
示例代码ol { /* 同时指定图像和标记类型,使用的是图像作为标记 */ list-style: url(images/arrow.png) disc; } ul li { list-style: upper-roman inside; } ol li > li { list-style: circle; } ul { list-style: square url('images/fancy-square.png') inside; }浏览器支持
所有的现代浏览器都支持 list-style 属性,包括Chrome, Firefox, Safari, Opera, Internet Explorer 以及 Android 和 iOS。
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did31675