CSS列表
list-style
語法:list-style : list-style-image || list-style-position || list-style-type
取值:
該屬性是復合屬性。請參閱各參數(shù)對應(yīng)的屬性。
默認值為:disc outside none。
說明:
設(shè)置列表項目相關(guān)樣式。
當 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 : 默認值。不指定圖像
url ( url ) : 使用絕對或相對 url 地址指定圖像
說明:
設(shè)置或檢索作為對象的列表項標記的圖像。
若此屬性值為 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 : 默認值。列表項目標記放置在文本以外,且環(huán)繞文本不根據(jù)標記對齊
inside : 列表項目標記放置在文本以內(nèi),且環(huán)繞文本根據(jù)標記對齊
說明:
設(shè)置或檢索作為對象的列表項標記如何根據(jù)文本排列。
假如一個列表項目的左外補丁( margin-left )被設(shè)置為 0 ,則列表項目標記不會被顯示。左外補丁( 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 默認值。實心圓
circle : CSS1 空心圓
square : CSS1 實心方塊
decimal : CSS1 阿拉伯數(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 未支持?;镜南ED小寫字母
hebrew : CSS2 未支持。傳統(tǒng)的希伯萊數(shù)字
hiragana : CSS2 未支持。日文平假名字符
hiragana-iroha : CSS2 未支持。日文平假名序號
katakana : CSS2 未支持。日文片假名字符
katakana-iroha : CSS2 未支持。日文片假名序號
lower-latin : CSS2 未支持。小寫拉丁字母
upper-latin : CSS2 未支持。大寫拉丁字母
說明:
設(shè)置或檢索對象的列表項所使用的預(yù)設(shè)標記。
若 list-style-image 屬性值為 none 或指定 url 地址的圖片不能被顯示時,此屬性將發(fā)生作用。
假如一個列表項目的左外補丁( margin-left )被設(shè)置為 0 ,則列表項目標記不會被顯示。左外補丁( 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 : 默認值。瀏覽器自動設(shè)置間距
length : 由浮點數(shù)字和單位標識符組成的長度值??蔀樨撝?。
說明:
設(shè)置或檢索標記容器和主容器之間水平補白。即兩個容器靠近的一邊的間距。
作用于 display 屬性值為 marker 的元素。
對應(yīng)的腳本特性為 markerOffset 。
示例:
li:before { display: marker; marker-offset: 5px; }