本篇文章給大家分享的是有關(guān)CSS中l(wèi)ist-style列表屬性如何使用，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

創(chuàng)新互聯(lián)建站一直秉承“誠信做人，踏實(shí)做事”的原則，不欺瞞客戶，是我們最起碼的底線！ 以服務(wù)為基礎(chǔ)，以質(zhì)量求生存，以技術(shù)求發(fā)展，成交一個客戶多一個朋友！為您提供網(wǎng)站設(shè)計(jì)制作、網(wǎng)站建設(shè)、成都網(wǎng)頁設(shè)計(jì)、重慶小程序開發(fā)、成都網(wǎng)站開發(fā)、成都網(wǎng)站制作、成都軟件開發(fā)、APP應(yīng)用開發(fā)是成都本地專業(yè)的網(wǎng)站建設(shè)和網(wǎng)站設(shè)計(jì)公司，等你一起來見證！

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

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

◆list-style

定義:用于在一個聲明中設(shè)置一個列表的所有屬性的簡寫屬性，該屬性是一個簡寫屬性，涵蓋了所有其他列表樣式屬性，僅作用于具有display值等于list-item的對象(如li對象)。

相關(guān):list-style-imagelist-style-positionlist-style-type

◆list-style-image

說明:設(shè)置或檢索作為對象的列表項(xiàng)標(biāo)記的圖像。若此屬性值為none或指定url地址的圖片不能被顯示時，list-style-type屬性將發(fā)生作用。

取值:

none:　默認(rèn)值。不指定圖像

url(url):　使用絕對或相對url地址指定圖像

◆list-style-position

說明:設(shè)置或檢索作為對象的列表項(xiàng)標(biāo)記如何根據(jù)文本排列。假如一個列表項(xiàng)目的左外補(bǔ)丁(margin-left)被設(shè)置為0，則列表項(xiàng)目標(biāo)記不會被顯示。左外補(bǔ)丁(margin-left)最小可以被設(shè)置為30。僅作用于具有display屬性值等于list-item的對象。如li對象。

取值:

outside:　默認(rèn)值。列表項(xiàng)目標(biāo)記放置在文本以外，且環(huán)繞文本不根據(jù)標(biāo)記對齊

inside:　列表項(xiàng)目標(biāo)記放置在文本以內(nèi)，且環(huán)繞文本根據(jù)標(biāo)記對齊

◆list-style-type

說明:設(shè)置或檢索對象的列表項(xiàng)所使用的預(yù)設(shè)標(biāo)記。若list-style-image屬性值為none或指定url地址的圖片不能被顯示時，此屬性將發(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)目符號

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　日文平假名序號

katakana:　CSS2　日文片假名字符

katakana-iroha:　CSS2　日文片假名序號

lower-latin:　CSS2　小寫拉丁字母

upper-latin:　CSS2　大寫拉丁字母

以上就是CSS中l(wèi)ist-style列表屬性如何使用，小編相信有部分知識點(diǎn)可能是我們?nèi)粘９ぷ鲿姷交蛴玫降摹ＯＭ隳芡ㄟ^這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。