CSS:list-style-image的使用详解
程序员文章站
2022-03-29 19:04:18
...
你对CSS list-style-image属性的用法是否了解,这里向大家描述一下,list-style-image属性使用图像来替换列表项的标记,这个属性指定作为一个有序或无序列表项标志的图像。
CSS list-style-image属性列表图标
定义和用法
list-style-image属性使用图像来替换列表项的标记。
说明
这个属性指定作为一个有序或无序列表项标志的图像。图像相对于列表项内容的放置位置通常使用list-style-position属性控制。
注释:请始终规定一个"list-style-type"属性以防图像不可用。
实例
把图像设置为列表中的项目标记:
ul { list-style-image:url("/i/arrow.gif"); list-style-type:square; }
浏览器支持
所有浏览器都支持list-style-image属性。
注释:任何的版本的InternetExplorer(包括IE8)都不支持属性值"inherit"。
可能的值
语法:
list-style-image : none | url (url)
参数:
none : 不指定图像
url : 使用绝对或相对地址指定背景图像
说明:
设置或检索作为对象的列表项标记的图像。
若list-style-image属性为none或指定图像不可用时,list-style-type属性将发生作用。
对应的脚本特性为listStyleImage。请参阅我编写的其他书目。
示例:
ul.out { list-style-position: outside; list-style-image: url("images/ie.gif"); }
以上就是CSS:list-style-image的使用详解的详细内容,更多请关注其它相关文章!