WIKI使用導(dǎo)航
站長(zhǎng)百科導(dǎo)航
站長(zhǎng)專題
- 網(wǎng)站推廣
- 網(wǎng)站程序
- 網(wǎng)站賺錢
- 虛擬主機(jī)
- cPanel
- 網(wǎng)址導(dǎo)航專題
- 云計(jì)算
- 微博營銷
- 虛擬主機(jī)管理系統(tǒng)
- 開放平臺(tái)
- WIKI程序與應(yīng)用
- 美國十大主機(jī)
CSS列表
list-style
語法:list-style : list-style-image || list-style-position || list-style-type
取值:
該屬性是復(fù)合屬性。請(qǐng)參閱各參數(shù)對(duì)應(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 地址的圖片不能被顯示。
對(duì)應(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 ) : 使用絕對(duì)或相對(duì) url 地址指定圖像
說明:
設(shè)置或檢索作為對(duì)象的列表項(xiàng)標(biāo)記的圖像。
若此屬性值為 none 或指定 url 地址的圖片不能被顯示時(shí), list-style-type 屬性將發(fā)生作用。
此屬性對(duì)于 currentStyle 對(duì)象而言是只讀的。對(duì)于其他對(duì)象而言是可讀寫的。
對(duì)應(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)記對(duì)齊
inside : 列表項(xiàng)目標(biāo)記放置在文本以內(nèi),且環(huán)繞文本根據(jù)標(biāo)記對(duì)齊
說明:
設(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
語法:
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)目符號(hào)
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 未支持。日文平假名序號(hào)
katakana : CSS2 未支持。日文片假名字符
katakana-iroha : CSS2 未支持。日文片假名序號(hào)
lower-latin : CSS2 未支持。小寫拉丁字母
upper-latin : CSS2 未支持。大寫拉丁字母
說明:
設(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ì)象而言是可讀寫的。
對(duì)應(yīng)的腳本特性為 listStyleType 。
示例:
ul.in { display: list-item; list-style-position: inside; }
此屬性對(duì)于 currentStyle 對(duì)象而言是只讀的。對(duì)于其他對(duì)象而言是可讀寫的。
對(duì)應(yīng)的腳本特性為 listStylePosition 。
示例:
ul.in { display: list-item; list-style-position: inside; }
marker-offset
語法:
marker-offset : auto | length
取值:
auto : 默認(rèn)值。瀏覽器自動(dòng)設(shè)置間距
length : 由浮點(diǎn)數(shù)字和單位標(biāo)識(shí)符組成的長(zhǎng)度值。可為負(fù)值。
說明:
設(shè)置或檢索標(biāo)記容器和主容器之間水平補(bǔ)白。即兩個(gè)容器靠近的一邊的間距。
作用于 display 屬性值為 marker 的元素。
對(duì)應(yīng)的腳本特性為 markerOffset 。
示例:
li:before { display: marker; marker-offset: 5px; }