天天看點

CSS清單屬性

list-style-type表示定義清單标記的類型,預設值<code>disc</code>表示一個實心圓點。一些常用的屬性值:<code>none</code>無任何标記,<code>disc</code>實心圓,<code>circle</code>空心圓,<code>square</code>實心方塊,<code>decimal</code>從1開始的數字(1,2,3等),<code>decimal-leading-zero</code>以0開頭的數字(01,02,03等), <code>lower-alpha</code>小寫英文字母(a, b, c等),<code>upper-alpha</code>大寫英文字母(A,B.C等)

結果:

你好

該屬性定義清單标記項的位置,預設值<code>outside</code>表示标記放在文本外,也就是<code>li</code>元素的外邊。屬性值<code>inside</code>表示标記放在文本内,這個值比較常用。<code>inherit</code>繼承

用一個圖檔定義清單項标記,它會覆寫預設的實心圓,預設值<code>none</code>。

除了<code>list-style-image</code>還定義了<code>list-style-type</code>,這樣即使圖檔出錯了也能保證布局不會影響,推薦的做法。

清單相關的CSS屬性預設都會繼承父元素的值

部落格: https://blog.86886.wang

GitHub: https://github.com/wmui