設為首頁

收藏本站

導覽首頁 | 新登場    ◇聯盟溫泉 | 民宿 | 人力銀行 | 女性 |

類型:css_article

CSS list-style 屬性
CSS list-style 屬性

定義和用法

list-style 簡寫屬性在一個聲明中設置所有的列表屬性。

說明

該屬性是一個簡寫屬性,涵蓋了所有其他列表樣式屬性。由於它應用到所有 display 為 list-itb 的元素,所以在普通的 HTML 和 XHTML 中只能用於 li 元素,不過實際上它可以應用到任何元素,並由 list-itb 元素繼承。

可以按順序設置如下屬性:


list-style-type
list-style-position
list-style-image

可以不設置其中的某個值,比如 "list-style:circle inside;" 也是允許的。未設置的屬性會使用其默認值。

默認值:disc outside none
繼承性:yes
版本:CSS1
JavaScript 語法:object.style.listStyle="decimal inside"

實例

把圖像設置為列表中的列表項目標記:


ul
  {
  list-style:square inside url('/i/arrow.gif');
  }



瀏覽器支持

所有瀏覽器都支持 list-style 屬性。

註釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。


可能的值


描述
list-style-type設置列表項標記的類型。參閱: list-style-type 中可能的值。
list-style-position設置在何處放置列表項標記。參閱: list-style-position 中可能的值。
list-style-image使用圖像來替換列表項的標記。參閱: list-style-image 中可能的值。
inherit規定應該從父元素繼承 list-style 屬性的值。

TIY 實例

\


相關頁面

CSS 教程: CSS 列表

HTML DOM 參考手冊:



主旨:

內容:




104休閒信箱 2.3.0 © 104mm.com 2001 - 2017. 您尚未登錄
Page generated in 0.01275897 seconds with 3 Queries