Referencia de CSS 641w40

Propiedad outline-color 40i4t

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

Ejemplos de uso 1g2g45

La propiedad outline-color establece el color del perfil de un elemento. Al igual que sucede con la propiedad 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: