|
我們?cè)谠O(shè)計(jì)頁(yè)面的時(shí)候?qū)傩詌ist-style在list-item對(duì)象中會(huì)經(jīng)常使用,但用的都不深。一般都設(shè)為none重置整個(gè)頁(yè)面就差不多了,可能很多人包括本人對(duì)屬性list-style-type更細(xì)節(jié)方面的屬性并不是很清楚.下面做一個(gè)詳細(xì)的介紹.
1. list-style 定義:用于在一個(gè)聲明中設(shè)置一個(gè)列表的所有屬性的簡(jiǎn)寫屬性,該屬性是一個(gè)簡(jiǎn)寫屬性,涵蓋了所有其他列表樣式屬性,僅作用于具有display值等于list-item的對(duì)象(如li對(duì)象)。 相關(guān) : list-style-image list-style-position list-style-type 2. list-style-image 說(shuō)明: 設(shè)置或檢索作為對(duì)象的列表項(xiàng)標(biāo)記的圖像。若此屬性值為 none 或指定 url 地址的圖片不能被顯示時(shí),list-style-type 屬性將發(fā)生作用。 取值: none : 默認(rèn)值。不指定圖像 url ( url ) : 使用絕對(duì)或相對(duì) url 地址指定圖像 3. list-style-position 說(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ì)象。 取值: 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ì)齊 4. list-style-type 說(shuō)明: 設(shè)置或檢索對(duì)象的列表項(xiàng)所使用的預(yù)設(shè)標(biāo)記。若 list-style-image 屬性值為 none 或指定 url 地址的圖片不能被顯示時(shí),此屬性將發(fā)生作用。 取值: disc : CSS1 實(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) armenian : 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 日文平假名序號(hào) katakana : CSS2 日文片假名字符 katakana-iroha : CSS2 日文片假名序號(hào) lower-latin : CSS2 小寫拉丁字母 upper-latin : CSS2 大寫拉丁字母 補(bǔ)充:此CSS2.1提出的.IE6,Firefox1.5+,Opera9+支持此屬性,所以以數(shù)字方式顯示列表也可以用ul來(lái)指定,并不一定必需要用ol來(lái)寫。 |
|
|