Style listStyle 屬性

Style 對象

定義和用法

listStyle 屬性以速記形式設(shè)置或返回三個獨立的列表屬性。

通過該屬性，您可以設(shè)置/返回：

list-style-type
list-style-position
list-style-image

語法

設(shè)置 listStyle 屬性：

Object.style.listStyle="type position image"

返回 listStyle 屬性：

Object.style.listStyle

提示：listStyle 屬性的默認值是 "disc outside none"。

參數(shù)	描述
type	定義列表項標(biāo)記的類型。
position	對列表項標(biāo)記進行定位。
image	定義圖像為列表項標(biāo)記。
inherit	listStyle 屬性的值從父元素繼承。

瀏覽器支持

所有主要瀏覽器都支持 listStyle 屬性。

注意：IE7 及更早的版本不支持 "inherit" 值。IE8 只有規(guī)定了 !DOCTYPE 才支持 "inherit"。IE9 支持 "inherit"。

實例

更改列表的樣式：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小白教程(json.cn)</title>
<script>
function displayResult(){
????document.getElementById("ul1").style.listStyle="decimal inside";
}
</script>
</head>
<body>

<ul id="ul1">
??<li>Coffee</li>
??<li>Tea</li>
??<li>Water</li>
??<li>Soda</li>
</ul>
<br>
<button type="button" onclick="displayResult()">修改列表style</button>

</body>
</html>

運行代碼 ?

Style 對象其他擴展

上一篇：Style letterSpacing 屬性下一篇：Style listStyleImage 屬性