| 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 visuales, medios interactivos |
| Se hereda | no |
| 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:
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:
Si visualizas esta página con un navegador que soporte correctamente la propiedad outline-color, el ejemplo anterior se muestra como la siguiente imagen:
