HTML DOM propiedad Estilo outlineColor
Objetos de estilo Definición y Uso
outlineColor conjuntos de propiedades o devuelve el color del contorno alrededor de los elementos.
gramática
Configuración de las propiedades outlineColor:
Volver propiedades outlineColor:
| 值 | 描述 |
|---|---|
| color | 规定轮廓的颜色。在 CSS 颜色值 中寻找可能的颜色值的完整列表。 |
| invert | 默认。反转轮廓的颜色为相反值。 |
| inherit | 轮廓的颜色从父元素继承。 |
Soporte para el navegador
Todos los principales navegadores soportan la propiedad outlineColor.
Nota: Internet Explorer 7 y versiones anteriores no son compatibles con la propiedad outlineColor.IE8 sólo proporciona! DOCTYPE apoyado propiedad outlineColor. apoyo IE9 outlineColor propiedad.
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 color del contorno:
<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.outlineColor="#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