您好,登錄后才能下訂單哦!
本篇文章給大家分享的是有關(guān)CSS中l(wèi)ist-style列表屬性如何使用,小編覺得挺實用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
解析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è)置或檢索作為對象的列表項標(biāo)記的圖像。若此屬性值為none或指定url地址的圖片不能被顯示時,list-style-type屬性將發(fā)生作用。
取值:
none: 默認(rèn)值。不指定圖像
url(url): 使用絕對或相對url地址指定圖像
◆list-style-position
說明:設(shè)置或檢索作為對象的列表項標(biāo)記如何根據(jù)文本排列。假如一個列表項目的左外補丁(margin-left)被設(shè)置為0,則列表項目標(biāo)記不會被顯示。左外補丁(margin-left)最小可以被設(shè)置為30。僅作用于具有display屬性值等于list-item的對象。如li對象。
取值:
outside: 默認(rèn)值。列表項目標(biāo)記放置在文本以外,且環(huán)繞文本不根據(jù)標(biāo)記對齊
inside: 列表項目標(biāo)記放置在文本以內(nèi),且環(huán)繞文本根據(jù)標(biāo)記對齊
◆list-style-type
說明:設(shè)置或檢索對象的列表項所使用的預(yù)設(shè)標(biāo)記。若list-style-image屬性值為none或指定url地址的圖片不能被顯示時,此屬性將發(fā)生作用。
取值:
disc: CSS1 實心圓
circle: CSS1 空心圓
square: CSS1 實心方塊
decimal: CSS1 阿拉伯?dāng)?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中l(wèi)ist-style列表屬性如何使用,小編相信有部分知識點可能是我們?nèi)粘9ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。