建站
咨詢
售后
建站咨詢
新聞中心
本文向大家描述一下CSS列表樣式屬性list-style的用法，它主要用于在一個(gè)聲明中設(shè)置一個(gè)列表的所有屬性的簡(jiǎn)寫屬性，該屬性是一個(gè)簡(jiǎn)寫屬性，涵蓋了所有其他列表樣式屬性，僅作用于具有display值等于list-item的對(duì)象
創(chuàng)新互聯(lián)是一家專注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷策劃、微信小程序開發(fā)、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動(dòng)互聯(lián)開發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立十多年以來，已經(jīng)為上千家玻璃貼膜各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)。現(xiàn)在，服務(wù)的上千家客戶與我們一路同行，見證我們的成長；未來，我們一起分享成功的喜悅。
解析CSS列表樣式屬性list-style
平時(shí)制作頁面中可對(duì)屬性list-style在list-item對(duì)象中常用，但用的都不深。一般都設(shè)為none重置整個(gè)頁面就差不多OK，可能很多人包括本人對(duì)屬性list-style-type更細(xì)節(jié)方面的屬性并不是很了解，更有可能對(duì)屬性list-style和屬性list-style-type概念會(huì)比較模糊，現(xiàn)有必要把它提出來重新學(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
說明:設(shè)置或檢索作為對(duì)象的列表項(xiàng)標(biāo)記的圖像。若此屬性值為none或指定url地址的圖片不能被顯示時(shí)，list-style-type屬性將發(fā)生作用。
取值:
none: 默認(rèn)值。不指定圖像
url(url): 使用絕對(duì)或相對(duì)url地址指定圖像
◆list-style-position
說明:設(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
說明:設(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來指定，并不一定必需要用ol來寫。
分享名稱：CSS列表樣式屬性list-style用法詳解
URL分享：http://m.fisionsoft.com.cn/article/dpecpes.html
