Atributo outline-color de CSS

Definición y uso

El outline (contorno) es una línea dibujada alrededor del elemento, ubicada en el exterior del borde, y puede resaltar el elemento. El atributo outline puede establecer la línea de contorno alrededor del elemento.

Notas:Siempre declara la propiedad outline-style antes de outline-color. El elemento solo puede cambiar el color del contorno después de obtenerlo.

Notas:La línea de contorno no ocupa espacio y no necesariamente es rectangular.

El atributo outline-color establece el color visible de todo el contorno de un elemento. Recuerda que el estilo de contorno no puede ser none, de lo contrario, el contorno no se mostrará.

Véase también:

Tutoriales de CSS:Contorno de CSS

Manual de referencia de CSS:Atributo outline

Manual de referencia de HTML DOM:Propiedad outlineColor

Ejemplo

Establecer el color del contorno punteado:

p
  {
  outline-style:dotted;
  outline-color:#00ff00;
  }

Prueba tu propia instancia

Sintaxis de CSS

outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Valor del atributo

Valor Descripción
color_name Se debe especificar el color del contorno con un nombre de color (por ejemplo, red).
hex_number Se debe especificar el color del contorno con un valor hexadecimal (por ejemplo, #ff0000).
rgb_number Se debe especificar el color del contorno con un código rgb (por ejemplo, rgb(255,0,0)).
invert Predeterminado. Invierte los colores (colores inversos). Permite que el contorno sea visible en diferentes colores de fondo.
inherit Se debe especificar que la configuración del color del contorno se hereda del elemento padre.

Detalles técnicos

Valor predeterminado: invert
Herencia: no
Versión: CSS2
Sintaxis de JavaScript: object.style.outlineColor="#0000FF"

Prueba tu propia instancia

Establecer el color del contorno
Este ejemplo muestra cómo establecer el color del contorno.

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente la propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

Notas:Si se especifica !DOCTYPE, IE8 admite la propiedad outline.