CSS列表

list-style

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

說明：
設(shè)置列表項目相關(guān)樣式。
當(dāng) list-style-image 和 list-style-type 都被指定了時， 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è)置或檢索作為對象的列表項標(biāo)記的圖像。
若此屬性值為 none 或指定 url 地址的圖片不能被顯示時， 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)值。列表項目標(biāo)記放置在文本以外，且環(huán)繞文本不根據(jù)標(biāo)記對齊
inside :　列表項目標(biāo)記放置在文本以內(nèi)，且環(huán)繞文本根據(jù)標(biāo)記對齊

說明：
設(shè)置或檢索作為對象的列表項標(biāo)記如何根據(jù)文本排列。
假如一個列表項目的左外補丁( margin-left )被設(shè)置為 0 ，則列表項目標(biāo)記不會被顯示。左外補丁( margin-left )最小可以被設(shè)置為 30 。
僅作用于具有 display 屬性值等于 list-item 的對象。如 li 對象。
注意： ol 對象和 ul 對象的 type 屬性為其后的所有列表項目(如 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)值。實心圓
circle :　 CSS1 空心圓
square :　 CSS1 實心方塊
decimal :　 CSS1 阿拉伯?dāng)?shù)字
lower-roman :　 CSS1 小寫羅馬數(shù)字
upper-roman :　 CSS1 大寫羅馬數(shù)字
lower-alpha :　 CSS1 小寫英文字母
upper-alpha :　 CSS1 大寫英文字母
none :　 CSS1 不使用項目符號
armenianl :　 CSS2 未支持。傳統(tǒng)的亞美尼亞數(shù)字
cjk-ideographic :　 CSS2 未支持。淺白的表意數(shù)字
georgian :　 CSS2 未支持。傳統(tǒng)的喬治數(shù)字 lower-greek :　 CSS2 未支持。基本的希臘小寫字母
hebrew :　 CSS2 未支持。傳統(tǒng)的希伯萊數(shù)字
hiragana :　 CSS2 未支持。日文平假名字符
hiragana-iroha :　 CSS2 未支持。日文平假名序號
katakana :　 CSS2 未支持。日文片假名字符
katakana-iroha :　 CSS2 未支持。日文片假名序號
lower-latin :　 CSS2 未支持。小寫拉丁字母
upper-latin :　 CSS2 未支持。大寫拉丁字母

說明：
設(shè)置或檢索對象的列表項所使用的預(yù)設(shè)標(biāo)記。
若 list-style-image 屬性值為 none 或指定 url 地址的圖片不能被顯示時，此屬性將發(fā)生作用。
假如一個列表項目的左外補丁( margin-left )被設(shè)置為 0 ，則列表項目標(biāo)記不會被顯示。左外補丁( margin-left )最小可以被設(shè)置為 30 。
僅作用于具有 display 屬性值等于 list-item 的對象。如 li 對象。
注意： ol 對象和 ul 對象的 type 屬性為其后的所有列表項目(如 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 :　由浮點數(shù)字和單位標(biāo)識符組成的長度值?？蔀樨?fù)值。

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

久久精品水蜜桃av综合天堂,久久精品丝袜高跟鞋,精品国产肉丝袜久久,国产一区二区三区色噜噜,黑人video粗暴亚裔

WIKI使用導(dǎo)航

站長百科導(dǎo)航

站長專題