list-style

語法:

list-style:<' list-style-type '> || <' list-style-position '> || <' list-style-image '>

預設值看獨立屬性自身

適用於:所有 <' display '> 設定為list-item的元素

繼承性:有

動畫性:否

計算值:看獨立屬性自身

取值:

<' list-style-type '>:
設定或檢索物件的列表項所使用的預設標記
<' list-style-position '>:
設定或檢索作為物件的列表項標記如何根據文字排列
<' list-style-image '>:
設定或檢索作為物件的列表項標記的圖片

說明:

復合屬性。設定列表項目相關內容
  • 需要注意的是,如果使用 <' list-style '> 復合屬性,<' list-style-image '> 屬性必須放在最後,否則部分瀏覽器(包括所有的webkit/blink內核瀏覽器)將會解析出錯。
  • 對應的腳本特性為listStyle

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0+ 2.0+ 4.0+ 6.0+ 15.0+ 6.0+ 2.1+ 18.0+

示例: