HTML DOM propiedad Estilo outlineStyle
Definición y Uso
conjuntos de propiedades outlineStyle o devuelve el elemento que rodea el estilo de esquema.
gramática
Configuración de las propiedades outlineStyle:
Volver propiedades outlineStyle:
值 | 描述 |
---|---|
none | 默认。定义无轮廓。 |
hidden | 轮廓是关闭的。 |
dotted | 定义点状轮廓。 |
dashed | 定义虚线轮廓。 |
solid | 定义实线轮廓。 |
double | 定义双线轮廓。 |
groove | 定义 3D 凹槽轮廓。此效果取决于 outline-color 值。 |
ridge | 定义 3D 垄状轮廓。其效果取决于 border-color 的值。 |
inset | 定义 3D inset 轮廓。其效果取决于 border-color 的值。 |
outset | 定义 3D outset 轮廓。其效果取决于 border-color 的值。 |
inherit | 轮廓的样式从父元素继承。 |
Soporte para el navegador
Todos los principales navegadores soportan la propiedad outlineStyle.
Nota: Internet Explorer 7 y versiones anteriores no son compatibles con la propiedad outlineStyle.IE8 sólo proporciona! DOCTYPE apoyó la propiedad outlineStyle. IE9 soporta la propiedad outlineStyle.
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 estilo del esquema:
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<style type="text/css">
#ex1{
border:1px solid red;
outline:green dotted thick;
}
</style>
<script>
function displayResult(){
document.getElementById("ex1").style.outlineStyle="solid";
}
</script>
</head>
<body>
<div id="ex1">这是一些文本。</div>
<br>
<button type="button" onclick="displayResult()">修改外边框style</button>
<p><b>注意:</b> IE8 支持outline属性必须指定一个!DOCTYPE </p>
</body>
</html>
Trate »
Objetos de estilo