使用 list-style-position 屬性可以設置在何處放置列表項前的標記,屬性的可選值如下:
【示例】使用 list-style-position 屬性設置列表項前標記的位置:
運行結果如下圖所示:
通過 list-style-image 屬性可以將列表項前的標記替換為一個圖像,屬性的可選值如下:
【示例】使用 list-style-image 屬性將列表項前的標記替換為一個圖像:
運行結果如下圖所示:
list-style 屬性是上述三個屬性(list-style-type、list-style-position、list-style-image)的簡寫,使用 list-style 可以同時設置上面的三個屬性,其語法格式如下:
list-style: list-style-type || list-style-position || list-style-image;
提示:在使用 list-style 屬性時,需要按照上面的順序來為參數賦值,只要遵守參數的順序,即使忽略其中的一項或多項也是可以的,例如list-style: none;、list-style:circle inside;,被忽略的參數會設置為參數對應的默認值。
【示例】使用 list-style 屬性來統一設置列表項的標記樣式、位置和圖像:
運行結果如下圖所示: