Propiedad outline-color

DefiniciónEstablece el color del perfil de los elementos
Valores
permitidos
Uno y sólo uno de los siguientes valores:
Valor inicial:invert
Se aplica aTodos los elementos
Válida enmedios visuales, medios interactivos
Se heredano
Definición en
el estándar
w3.org/TR/CSS21/ui.html#propdef-outline-color

Ejemplos de uso

La propiedad outline-color establece el color del perfil de un elemento. Al igual que sucede con la propiedad border-color, el uso más sencillo de esta propiedad es el de indicar directamente el color mediante cualquiera de las diferentes formas de indicar un color en CSS:

div { outline-color: #080; }

div { outline-color: blue; }

div { outline-color: rgb(255, 0, 0); }

Además de utilizar colores normales, también es posible utilizar un valor especial llamado invert. El valor invert no equivale a ningún color concreto, sino que indica al navegador que debe utilizar el color que mayor contraste tenga con el color de fondo de la página.

En el siguiente ejemplo, las dos cajas interiores tienen el mismo valor invert en la propiedad outline-color. Sin embargo, como las cajas que las encierran tienen colores de fondo muy diferentes, el color real de cada perfil es completamente diferente:

div { outline-color: invert; }

div { outline-color: invert; }

Si visualizas esta página con un navegador que soporte correctamente la propiedad outline-color, el ejemplo anterior se muestra como la siguiente imagen: