網(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)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。