CSS中的list-style列表屬性怎么使用

本文小編為大家詳細介紹“CSS中的list-style列表屬性怎么使用”，內(nèi)容詳細，步驟清晰，細節(jié)處理妥當，希望這篇“CSS中的list-style列表屬性怎么使用”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

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

◆list-style

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

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

◆list-style-image

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

取值:

none:　默認值。不指定圖像

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

◆list-style-position

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

取值:

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

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

◆list-style-type

說明:設置或檢索對象的列表項所使用的預設標記。若list-style-image屬性值為none或指定url地址的圖片不能被顯示時，此屬性將發(fā)生作用。

取值:

disc:　CSS1　實心圓

circle:　CSS1　空心圓

square:　CSS1　實心方塊

decimal:　CSS1　阿拉伯數(shù)字

lower-roman:　CSS1　小寫羅馬數(shù)字

upper-roman:　CSS1　大寫羅馬數(shù)字

lower-alpha:　CSS1　小寫英文字母

upper-alpha:　CSS1　大寫英文字母

none:　CSS1　不使用項目符號

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中的list-style列表屬性怎么使用”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。