解析CSS中l(wèi)ist-style-image屬性的使用
你對CSS list-style-image屬性的用法是否了解,這里向大家描述一下,list-style-image屬性使用圖像來替換列表項的標記,這個屬性指定作為一個有序或無序列表項標志的圖像。
CSS list-style-image屬性列表圖標
定義和用法
list-style-image屬性使用圖像來替換列表項的標記。
說明
這個屬性指定作為一個有序或無序列表項標志的圖像。圖像相對于列表項內容的放置位置通常使用list-style-position屬性控制。
注釋:請始終規(guī)定一個"list-style-type"屬性以防圖像不可用。
實例
把圖像設置為列表中的項目標記:
- ul
- {
- list-style-image:url("/i/arrow.gif");
- list-style-type:square;
- }
瀏覽器支持
所有瀏覽器都支持list-style-image屬性。
注釋:任何的版本的InternetExplorer(包括IE8)都不支持屬性值"inherit"。
可能的值
【編輯推薦】
- CSS font-weight屬性和用法
- IE6.0對padding的解讀分析
- CSS border-collapse屬性用法解析
- CSS font-family屬性的定義和用法
- CSS中cellspacing和cellpadding屬性用法揭秘