網上很多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;" 也是允許的。未設置的屬性會使用其默認值。