HTML DOM propiedad Estilo outlineWidth
Objetos de estilo Definición y Uso
conjuntos de propiedades outlineWidth o devuelve el ancho de los elementos de todo el perfil.
gramática
Configuración de las propiedades outlineWidth:
Volver propiedades outlineWidth:
| 值 | 描述 |
|---|---|
| thin | 定义细的轮廓。 |
| medium | 默认。定义中等的轮廓。 |
| thick | 定义粗的轮廓。 |
| length | 使用 px、cm 等单位定义轮廓的宽度。 |
| inherit | 轮廓的宽度从父元素继承。 |
Soporte para el navegador
Todos los principales navegadores soportan la propiedad outlineWidth.
Nota: Internet Explorer 7 y versiones anteriores no son compatibles con la propiedad outlineWidth.IE8 sólo proporciona! DOCTYPE apoyó la propiedad outlineWidth. IE9 soporta la propiedad outlineWidth.
Notas y sugerencias
Las líneas de contorno alrededor de los elementos que lo rodean. Se muestra en el margen de los elementos que lo rodean. Sin embargo, es diferente de la propiedad border.
Parte del perfil no es un tamaño de elemento, y por lo tanto la anchura y la altura de los atributos del elemento no incluye la anchura del perfil.
Ejemplos
Ejemplos
Cambiar el ancho del contorno:
<head>
<style type="text/css">
#ex1
{
border:1px solid red;
outline:green dotted thick;
}
</style>
<script>
function displayResult()
{
document.getElementById("ex1").style.outlineWidth="10px";
}
</script>
</head>
<body>
<div id="ex1">This is some text.</div>
<br>
<button type="button" onclick="displayResult()">Change outline width</button>
</body>
</html>
Trate »
Objetos de estilo