Latest web development tutorials

propriété HTML DOM style listStyleImage

Style de Object Reference style Objets

Définition et utilisation

ensembles de propriétés listStyleImage ou retourne une liste d'éléments marqués images.

grammaire

Définition des propriétés de listStyleImage:

Object.style.listStyleImage="none|url|inherit"

Retour propriétés listStyleImage:

Object.style.listStyleImage

描述
none 默认。无图像显示。
url 规定图像的路径。
inherit listStyleImage 属性的值从父元素继承。


support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Tous les principaux navigateurs prennent en charge la propriété listStyleImage.

Note: IE7 et les versions antérieures ne supportent pas la valeur "inherit".IE8 ne fournit DOCTYPE! Supporté "inherit". soutien IE9 "inherit".


Exemples

Exemples

Modifier la liste des articles marqués liste:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
    document.getElementById("ul1").style.listStyleImage="url('sqorange.gif')";
}
</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()">修改列表项标记</button>

</body>
</html>

Essayez »


Style de Object Reference style Objets