Atributo outlineColor de Style

Definición y uso

outlineColor Establece o devuelve el color del contorno alrededor del elemento.

El contorno es una línea alrededor del elemento. Se muestra alrededor del margen del elemento. Sin embargo,它与 Atributo border Diferente.

El contorno no es parte del tamaño del elemento, por lo tanto, las propiedades de ancho y altura del elemento no incluyen el ancho del contorno.

Vea también：

Tutorial de CSS：Bordes CSS

Manual de referencia de CSS：Atributo outline-color

Manual de referencia de HTML DOM：Atributo outline

Ejemplo

Ejemplo 1

Cambiar el color del contorno del elemento <div>：

document.getElementById("myDiv").style.outlineColor = "#00ff00";

Intente hacerlo usted mismo

Ejemplo 2

Devuelve el color del borde del elemento <div>：

alert(document.getElementById("myDiv").style.outlineColor);

Intente hacerlo usted mismo

Sintaxis

Devolver la propiedad outlineColor：

object.style.outlineColor

Configurar la propiedad outlineColor：

object.style.outlineColor = "color|invert|initial|inherit"

Valor del atributo

Valor Descripción
color

Define el color del contorno.

Consulte Valores de color CSS，para obtener una lista completa de valores de color posibles.
invert Invierte el color del contorno en su valor opuesto. Predeterminado.
initial Establezca este atributo en su valor predeterminado. Consulte initial。
inherit Hereda este atributo del elemento padre. Consulte inherit。

Detalles técnicos

Valor predeterminado： invert
Valor devuelto： Cadena de caracteres que representa el color del contorno del elemento.
Versión de CSS： CSS2

Navegador compatible

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte