Style listStyle 屬性

Style 對(duì)象

定義和用法

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

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

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

語(yǔ)法

設(shè)置 listStyle 屬性：

Object.style.listStyle="type position image"

返回 listStyle 屬性：

Object.style.listStyle

提示：listStyle 屬性的默認(rèn)值是 "disc outside none"。

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

瀏覽器支持

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

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

實(shí)例

更改列表的樣式：

<!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>

運(yùn)行代碼 ?

Style 對(duì)象其他擴(kuò)展

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