DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 解析CSS中list-style-image屬性的使用
解析CSS中list-style-image屬性的使用
編輯:CSS詳解     

你對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. }

浏覽器支持

所有浏覽器都支持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屬性用法揭秘
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved