初学css list-style属性
網(wǎng)上很多css布局中會(huì)看到這樣的一句:list-style:none;
那么list-style到底什么意思?中文即:列表樣式:無(wú);
其實(shí)它是一個(gè)簡(jiǎn)寫(xiě)屬性,包含了所有列表屬性,具體包含list-style-type、list-style-position、list-style-image?
list-style-type:設(shè)置列表項(xiàng)標(biāo)記的類型。我們使用ul->li或是ol->li(有序無(wú)序)結(jié)構(gòu)時(shí),有小圓點(diǎn)就是這一屬性控制。值有【none,disc(默認(rèn)標(biāo)記實(shí)心圓),square,decimal...】
?
?
list-style-position:設(shè)置在何處放置列表項(xiàng)標(biāo)記.即標(biāo)記相對(duì)于列表項(xiàng)內(nèi)容的位置。值有【inside、outside(默認(rèn),文本左側(cè))、inherit(從父元素繼承l(wèi)ist-style-position的值)】
list-style-image?:設(shè)置使用自定義圖像來(lái)替換列表項(xiàng)的標(biāo)記。值有【URL,none(默認(rèn)),inherit】
綜觀:list-style:none;
等價(jià)于==>>{
list-style-type:none;
list-style-position::none;
list-style-image?:none;
? ? ? ? ? ? ? ? ? ? }
所以:{? ? ? ?list-style:目錄樣式類型|目錄樣式位置|url? ? ? }
?可以不設(shè)置其中的某個(gè)值,比如 "list-style:circle inside;" 也是允許的。未設(shè)置的屬性會(huì)使用其默認(rèn)值。
轉(zhuǎn)載于:https://www.cnblogs.com/hfeng007/p/9099062.html
總結(jié)
以上是生活随笔為你收集整理的初学css list-style属性的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: Android LayoutInflat
- 下一篇: sqlalchemy如何实现时间列自动更