Latest web development tutorials

propiedades del contorno de estilo HTML DOM

Estilo de referencia de objetos Objetos de estilo

Definición y Uso

esbozar propiedad abreviada para establecer o devolver todas las propiedades del contorno.

gramática

Establecer las propiedades del contorno:

Object.style.outline="width style color|inherit"

propiedades del contorno para la espalda:

Object.style.outline

Consejo: la propiedad de esquemano tiene ningún valor predeterminado.

参数 描述
width 设置轮廓的宽度。
style 设置轮廓的样式。
color 设置轮廓的颜色。
inherit 规定轮廓属性的值,应该从父元素继承。


Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos los principales navegadores admiten la propiedad de esquema.

Nota: Internet Explorer 7 y versiones anteriores no son compatibles con la propiedad de esquema.IE8 sólo proporciona atributos de esquema! DOCTYPE compatibles. IE9 soporta la propiedad de esquema.


Notas y sugerencias

Las líneas de contorno alrededor de los elementos que lo rodean. Es la distancia alrededor de la parte exterior del elemento de visualización. 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

Alrededor de un elemento div cambiar el ancho del contorno, estilo, y color:

<!DOCTYPE html>
<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.outline="thick solid #0000FF";
}
</script>
</head>
<body>

<div id="ex1">这是一些文本。</div>
<br>
<button type="button" onclick="displayResult()">修改外边框</button>
<p><b>注意:</b> IE8 支持outline属性必须制定一个!DOCTYPE </p>

</body>
</html>

Trate »


Estilo de referencia de objetos Objetos de estilo