Los últimos tutoriales de desarrollo web
 

Style outlineColor Property

<Estilo de objeto

Ejemplo

Cambiar el color del contorno de un <div> elemento:

document.getElementById("myDiv").style.outlineColor = "#00ff00";
Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades outlineColor o devuelve el color del contorno alrededor de un elemento.

Un esquema es una línea alrededor de un elemento. Se muestra todo el margen del elemento. Sin embargo, es diferente de la propiedad border.

El esquema no es una parte de las dimensiones del elemento, por lo tanto las propiedades de ancho y altura del elemento no contienen el ancho del contorno.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad outlineColor es compatible con todos los principales navegadores.

Note: La propiedad outlineColor no es compatible con Internet Explorer 7 y versiones anteriores. IE8 requiere un DOCTYPE!. IE9 y luego apoyarlo.


Sintaxis

Devolver la propiedad outlineColor:

object .style.outlineColor

Establecer la propiedad outlineColor:

object .style.outlineColor=" Valores de propiedad
Valor Descripción
color Especifica el color del contorno. Mira valores de color CSS para obtener una lista completa de posibles valores de color
invert Invierte el color del contorno al valor opuesto. Esto es por defecto
initial Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto: invertir
Valor de retorno: Una cadena, que representa el color del contorno del elemento
Versión CSS CSS2

Más ejemplos

Ejemplo

Devolver el color del borde de un <div> elemento:

alert(document.getElementById("myDiv").style.outlineColor);
Inténtalo tú mismo "

Páginas relacionadas

CSS tutorial: Esquema CSS

Referencia CSS: outline-color property

Referencia HTML DOM: outline property


<Estilo de objeto