CSS列表：修訂間差異

目錄

• 1 list-style
• 2 list-style-image
• 3 list-style-position
• 4 list-style-type
• 5 marker-offset

list-style

語法：list-style : list-style-image || list-style-position || list-style-type
取值：
該屬性是復(fù)合屬性。請參閱各參數(shù)對應(yīng)的屬性。
默認(rèn)值為：disc outside none。

說明：
設(shè)置列表項(xiàng)目相關(guān)樣式。
當(dāng) list-style-image 和 list-style-type 都被指定了時(shí)， list-style-image 將獲得優(yōu)先權(quán)。除非 list-style-image 設(shè)置為 none 或指定 url 地址的圖片不能被顯示。
對應(yīng)的腳本特性為 listStyle 。
示例：
li { list-style: url(" ul { list-style: outside upper-roman; }
ol { list-style: square; }

list-style-image

語法：list-style-image : none | url ( url )
取值：
none  :　 默認(rèn)值。不指定圖像
url ( url )  :　 使用絕對或相對 url 地址指定圖像

說明：
設(shè)置或檢索作為對象的列表項(xiàng)標(biāo)記的圖像。
若此屬性值為 none 或指定 url 地址的圖片不能被顯示時(shí)， list-style-type 屬性將發(fā)生作用。
此屬性對于 currentStyle 對象而言是只讀的。對于其他對象而言是可讀寫的。
對應(yīng)的腳本特性為 listStyleImage 。
示例：
ul.out { list-style-position: outside; list-style-image: url("images/ie.gif"); }

list-style-position

語法：list-style-position : outside | inside
取值：
outside  :　 默認(rèn)值。列表項(xiàng)目標(biāo)記放置在文本以外，且環(huán)繞文本不根據(jù)標(biāo)記對齊
inside  :　 列表項(xiàng)目標(biāo)記放置在文本以內(nèi)，且環(huán)繞文本根據(jù)標(biāo)記對齊

說明：
設(shè)置或檢索作為對象的列表項(xiàng)標(biāo)記如何根據(jù)文本排列。
假如一個(gè)列表項(xiàng)目的左外補(bǔ)丁( margin-left )被設(shè)置為 0 ，則列表項(xiàng)目標(biāo)記不會被顯示。左外補(bǔ)丁( margin-left )最小可以被設(shè)置為 30 。
僅作用于具有 display 屬性值等于 list-item 的對象。如 li 對象。
注意： ol 對象和 ul 對象的 type 屬性為其后的所有列表項(xiàng)目(如 li 對象)指明列表屬性。

list-style-type

語法：
list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin
取值：
disc  :　 CSS1 默認(rèn)值。實(shí)心圓
circle  :　 CSS1 空心圓
square  :　 CSS1 實(shí)心方塊
decimal  :　 CSS1 阿拉伯?dāng)?shù)字
lower-roman  :　 CSS1 小寫羅馬數(shù)字
upper-roman  :　 CSS1 大寫羅馬數(shù)字
lower-alpha  :　 CSS1 小寫英文字母
upper-alpha  :　 CSS1 大寫英文字母
none  :　 CSS1 不使用項(xiàng)目符號
armenianl  :　 CSS2 未支持。傳統(tǒng)的亞美尼亞數(shù)字
cjk-ideographic  :　 CSS2 未支持。淺白的表意數(shù)字
georgian  :　 CSS2 未支持。傳統(tǒng)的喬治數(shù)字 lower-greek  :　 CSS2 未支持?；镜南ＥD小寫字母
hebrew  :　 CSS2 未支持。傳統(tǒng)的希伯萊數(shù)字
hiragana  :　 CSS2 未支持。日文平假名字符
hiragana-iroha  :　 CSS2 未支持。日文平假名序號
katakana  :　 CSS2 未支持。日文片假名字符
katakana-iroha  :　 CSS2 未支持。日文片假名序號
lower-latin  :　 CSS2 未支持。小寫拉丁字母
upper-latin  :　 CSS2 未支持。大寫拉丁字母

說明：
設(shè)置或檢索對象的列表項(xiàng)所使用的預(yù)設(shè)標(biāo)記。
若 list-style-image 屬性值為 none 或指定 url 地址的圖片不能被顯示時(shí)，此屬性將發(fā)生作用。
假如一個(gè)列表項(xiàng)目的左外補(bǔ)丁( margin-left )被設(shè)置為 0 ，則列表項(xiàng)目標(biāo)記不會被顯示。左外補(bǔ)丁( margin-left )最小可以被設(shè)置為 30 。
僅作用于具有 display 屬性值等于 list-item 的對象。如 li 對象。
注意： ol 對象和 ul 對象的 type 屬性為其后的所有列表項(xiàng)目(如 li 對象)指明列表屬性。
此屬性對于 currentStyle 對象而言是只讀的。對于其他對象而言是可讀寫的。
對應(yīng)的腳本特性為 listStyleType 。
示例：
ul.in { display: list-item; list-style-position: inside; }
此屬性對于 currentStyle 對象而言是只讀的。對于其他對象而言是可讀寫的。
對應(yīng)的腳本特性為 listStylePosition 。
示例：
ul.in { display: list-item; list-style-position: inside; }

marker-offset

語法： marker-offset : auto | length
取值：
auto  :　 默認(rèn)值。瀏覽器自動設(shè)置間距
length  :　 由浮點(diǎn)數(shù)字和單位標(biāo)識符組成的長度值?？蔀樨?fù)值。

說明：
設(shè)置或檢索標(biāo)記容器和主容器之間水平補(bǔ)白。即兩個(gè)容器靠近的一邊的間距。
作用于 display 屬性值為 marker 的元素。
對應(yīng)的腳本特性為 markerOffset 。
示例：
li:before { display: marker; marker-offset: 5px; }