Estilo contornoColor Propiedad
Ejemplo
Cambia el color del contorno de un elemento <div>:
document.getElementById("myDiv").style.outlineColor = "#00ff00";
Definición y uso
La propiedad outlineColor establece o devuelve el color del contorno alrededor de un elemento.
Un contorno es una línea alrededor de un elemento. Se muestra alrededor del margen del elemento. Sin embargo, es diferente de la propiedad de borde.
El contorno no forma parte de las dimensiones del elemento, por lo tanto, las propiedades de ancho y alto del elemento no contienen el ancho del contorno.
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
outlineColor | Yes | Yes | Yes | Yes | Yes |
Sintaxis
Devuelve la propiedad outlineColor:
object.style.outlineColor
Establezca la propiedad outlineColor:
object.style.outlineColor = "color|invert|initial|inherit"
Valores de propiedad
Value | Description |
---|---|
color | Specifies the color of the outline. Look at CSS Color Values for a complete list of possible color values |
invert | Inverts the color of the outline to the opposite value. Note: Browsers are not required to support this value |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | invertir |
---|---|
Valor devuelto: | Una cadena, que representa el color del contorno de un elemento. |
Versión CSS | CSS2 |
Más ejemplos
Ejemplo
Devuelve el color del borde de un elemento <div>:
alert(document.getElementById("myDiv").style.outlineColor);
páginas relacionadas
Tutorial de CSS: esquema de CSS
Referencia de CSS: propiedad de color de contorno
Referencia HTML DOM: propiedad de contorno
❮ Objeto de estilo