国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 潼南县| 邢台县| 揭东县| 杂多县| 建阳市| 乐昌市| 尚志市| 徐闻县| 海原县| 澄迈县| 建德市| 濉溪县| 浦城县| 天水市| 五原县| 华容县| 湖口县| 盐池县| 北宁市| 筠连县| 库车县| 太谷县| 阜宁县| 改则县| 通道| 景谷| 彭阳县| 波密县| 固始县| 南康市| 平泉县| 绥江县| 谷城县| 东丽区| 高要市| 思南县| 江孜县| 江油市| 龙里县| 会昌县| 文水县|