HTML DOM propiedad Estilo listStylePosition
Objetos de estilo
Definición y Uso
listStylePosition conjuntos de propiedades o devuelve la posición de un marcador de lista de elementos.
gramática
Configuración de las propiedades listStylePosition:
Object.style.listStylePosition="outside|inside|inherit"
listStylePosition propiedades para la espalda:
Object.style.listStylePosition
值 | 描述 |
---|---|
outside | 默认。列表项标记将在任何文本内容之前被呈现。列表项标记放置在文本以外,且环绕文本不根据标记对齐。 |
inside | 缩进列表项标记。列表项标记放置在文本以内,且环绕文本根据标记对齐。 |
inherit | listStylePosition 属性的值从父元素继承。 |
Soporte para el navegador
Todos los principales navegadores soportan la propiedad listStylePosition.
Nota: Internet Explorer 7 y versiones anteriores no son compatibles con el valor "heredar".IE8 sólo proporciona! DOCTYPE apoyado "hereda". apoyo IE9 "hereda".
Ejemplos
Ejemplos
elemento de la lista con sangría haciendo clic en el botón con la etiqueta:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
document.getElementById("ul1").style.listStylePosition="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()">缩进列表项的标记</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
document.getElementById("ul1").style.listStylePosition="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()">缩进列表项的标记</button>
</body>
</html>
Trate »
Objetos de estilo