您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > css教程 > CSS list-style 屬性

CSS list-style 屬性

此節(jié)有 292 人學(xué)習(xí)過參與評論

實例

把圖像設(shè)置為列表中的列表項目標(biāo)記：

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

IE	Firefox	Chrome	Safari	Opera

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

注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

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

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

可以按順序設(shè)置如下屬性：

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

默認(rèn)值：	disc outside none
繼承性：	yes
版本：	CSS1
JavaScript 語法：	object.style.listStyle="decimal inside"

值	描述
list-style-type	設(shè)置列表項標(biāo)記的類型。參閱：list-style-type 中可能的值。
list-style-position	設(shè)置在何處放置列表項標(biāo)記。參閱：list-style-position 中可能的值。
list-style-image	使用圖像來替換列表項的標(biāo)記。參閱：list-style-image 中可能的值。
inherit	規(guī)定應(yīng)該從父元素繼承 list-style 屬性的值。