国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 開發(fā) > CSS > 正文

CSS教程:解析CSS列表樣式屬性list-style

2024-07-11 08:22:08
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

平時(shí)制作頁(yè)面中可對(duì)屬性list-style在list-item對(duì)象中常用,但用的都不深。一般都設(shè)為none重置整個(gè)頁(yè)面就差不多ok,可能很多人包括本人對(duì)屬性list-style-type更細(xì)節(jié)方面的屬性并不是很了解,更有可能對(duì)屬性list-style和屬性list-style-type概念會(huì)比較模糊,現(xiàn)有必要把它提出來(lái)重新學(xué)習(xí)一下,故整理如下。

● 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

● 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 地址指定圖像

● 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ì)齊

● 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)寫。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 筠连县| 南部县| 苏尼特右旗| 浦北县| 揭西县| 灵山县| 兴安盟| 孝感市| 外汇| 独山县| 福清市| 侯马市| 策勒县| 横峰县| 突泉县| 澄江县| 德昌县| 若羌县| 文山县| 天全县| 繁峙县| 定安县| 西城区| 襄城县| 休宁县| 崇州市| 博野县| 平塘县| 招远市| 枣庄市| 固始县| 南通市| 汤阴县| 兴业县| 赤峰市| 铁岭市| 上高县| 揭阳市| 泸溪县| 香港| 隆昌县|