propiedades del contorno de estilo HTML DOM
Definición y Uso
esbozar propiedad abreviada para establecer o devolver todas las propiedades del contorno.
gramática
Establecer las propiedades del contorno:
propiedades del contorno para la espalda:
Consejo: la propiedad de esquemano tiene ningún valor predeterminado.
参数 | 描述 |
---|---|
width | 设置轮廓的宽度。 |
style | 设置轮廓的样式。 |
color | 设置轮廓的颜色。 |
inherit | 规定轮廓属性的值,应该从父元素继承。 |
Soporte para el navegador
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:
<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 »
Objetos de estilo