CSS列表

導(dǎo)航: 上一頁(yè) | ASP | PHP | JSP | HTML | CSS | XHTML | aJAX | Ruby | JAVA | XML | Python | ColdFusion

目錄

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

list-style

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

說(shuō)明：
設(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 地址的圖片不能被顯示。
對(duì)應(yīng)的腳本特性為 listStyle 。
示例：
li { list-style: url(" ul { list-style: outside upper-roman; }
ol { list-style: square; }

list-style-image

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

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

list-style-position

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

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

list-style-type

語(yǔ)法：
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 小寫(xiě)羅馬數(shù)字
upper-roman  :　 CSS1 大寫(xiě)羅馬數(shù)字
lower-alpha  :　 CSS1 小寫(xiě)英文字母
upper-alpha  :　 CSS1 大寫(xiě)英文字母
none  :　 CSS1 不使用項(xiàng)目符號(hào)
armenianl  :　 CSS2 未支持。傳統(tǒng)的亞美尼亞數(shù)字
cjk-ideographic  :　 CSS2 未支持。淺白的表意數(shù)字
georgian  :　 CSS2 未支持。傳統(tǒng)的喬治數(shù)字 lower-greek  :　 CSS2 未支持?；镜南ＥD小寫(xiě)字母
hebrew  :　 CSS2 未支持。傳統(tǒng)的希伯萊數(shù)字
hiragana  :　 CSS2 未支持。日文平假名字符
hiragana-iroha  :　 CSS2 未支持。日文平假名序號(hào)
katakana  :　 CSS2 未支持。日文片假名字符
katakana-iroha  :　 CSS2 未支持。日文片假名序號(hào)
lower-latin  :　 CSS2 未支持。小寫(xiě)拉丁字母
upper-latin  :　 CSS2 未支持。大寫(xiě)拉丁字母

說(shuō)明：
設(shè)置或檢索對(duì)象的列表項(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)記不會(huì)被顯示。左外補(bǔ)丁( margin-left )最小可以被設(shè)置為 30 。
僅作用于具有 display 屬性值等于 list-item 的對(duì)象。如 li 對(duì)象。
注意： ol 對(duì)象和 ul 對(duì)象的 type 屬性為其后的所有列表項(xiàng)目(如 li 對(duì)象)指明列表屬性。
此屬性對(duì)于 currentStyle 對(duì)象而言是只讀的。對(duì)于其他對(duì)象而言是可讀寫(xiě)的。
對(duì)應(yīng)的腳本特性為 listStyleType 。
示例：
ul.in { display: list-item; list-style-position: inside; }
此屬性對(duì)于 currentStyle 對(duì)象而言是只讀的。對(duì)于其他對(duì)象而言是可讀寫(xiě)的。
對(duì)應(yīng)的腳本特性為 listStylePosition 。
示例：
ul.in { display: list-item; list-style-position: inside; }

marker-offset

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

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