網上很多css布局中會看到這樣的一句:list-style：none；

那么list-style到底什么意思？中文即：列表樣式：無；

其實它是一個簡寫屬性，包含了所有列表屬性，具體包含list-style-type、list-style-position、list-style-image?

list-style-type：設置列表項標記的類型。我們使用ul->li或是ol->li(有序無序)結構時，有小圓點就是這一屬性控制。值有【none,disc(默認標記實心圓)，square，decimal...】

?

?

list-style-position:設置在何處放置列表項標記.即標記相對于列表項內容的位置。值有【inside、outside（默認，文本左側）、inherit（從父元素繼承list-style-position的值）】

list-style-image?：設置使用自定義圖像來替換列表項的標記。值有【URL，none（默認），inherit】

綜觀：list-style：none；

等價于==>>{

　　　　　　list-style-type：none；

　　　　　　list-style-position:：none；

　　　　　　list-style-image?：none；　　

? ? ? ? ? ? ? ? ? ? }

所以：{? ? ? ?list-style:目錄樣式類型|目錄樣式位置|url? ? ? }

?可以不設置其中的某個值，比如 "list-style:circle inside;" 也是允許的。未設置的屬性會使用其默認值。

轉載于:https://www.cnblogs.com/hfeng007/p/9099062.html

總結

以上是生活随笔為你收集整理的初学css list-style属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。