解析CSS中list-style-image属性的使用

开发 前端
本文向大家介绍一下CSS list-style-image属性列表图标的概念,list-style-image属性使用图像来替换列表项的标记。

你对CSS list-style-image属性的用法是否了解,这里向大家描述一下,list-style-image属性使用图像来替换列表项的标记,这个属性指定作为一个有序或无序列表项标志的图像。

CSS list-style-image属性列表图标

定义和用法

list-style-image属性使用图像来替换列表项的标记。

说明

这个属性指定作为一个有序或无序列表项标志的图像。图像相对于列表项内容的放置位置通常使用list-style-position属性控制。

注释:请始终规定一个"list-style-type"属性以防图像不可用。

实例

把图像设置为列表中的项目标记:

  1. ul  
  2. {  
  3. list-style-image:url("/i/arrow.gif");  
  4. list-style-type:square;  
  5. }  
  6.  

浏览器支持

所有浏览器都支持list-style-image属性。

注释:任何的版本的InternetExplorer(包括IE8)都不支持属性值"inherit"。

可能的值 

【编辑推荐】

  1. CSS font-weight属性和用法
  2. IE6.0对padding的解读分析
  3. CSS border-collapse属性用法解析
  4. CSS font-family属性的定义和用法
  5. CSS中cellspacing和cellpadding属性用法揭秘

 

责任编辑:佚名 来源: 68tt.com
相关推荐

2010-09-14 15:04:42

list-styleCSS

2010-09-08 12:37:27

displayCSS

2010-09-03 10:31:31

CSSmargin

2010-09-07 10:07:40

CSS

2010-08-30 16:02:06

CSSclear

2010-09-10 10:47:47

CSSposition

2010-08-31 13:14:41

CSSoverflow

2010-08-23 09:16:21

CSSpadding-bot

2010-08-23 11:16:25

padding-lef

2010-09-08 11:06:49

CSSpaddingmargin

2010-09-08 14:00:08

marginCSS

2010-09-07 08:54:18

CSSbackground-

2010-08-25 14:11:01

CSSborder-top

2010-08-12 13:59:37

FlexList控件

2010-09-14 16:04:40

CSSclip属性

2010-08-20 14:58:26

CSSpadding

2010-08-30 15:26:13

floatCSS

2010-09-16 10:04:50

CSSdisplay:tab

2010-09-30 12:53:00

J2MECSS

2010-08-24 08:56:22

CSSpadding
点赞
收藏

51CTO技术栈公众号