CSS outline-colorPropiedad
Ejemplo
Establezca el color de un contorno discontinuo:
{
outline-style:dotted;
outline-color:#0080FF;
}
Pruébalo »
Definición y descripción de la propiedad
outline (contorno) es una línea dibujada alrededor del elemento, situada en el exterior del borde.
La propiedad outline-color especifica el color del contorno.
Nota:Declare siempre la propiedad outline-style antes que la propiedad outline-color. El elemento solo puede cambiar el color de su contorno después de tener un contorno.
| Valor por defecto: | invert |
|---|---|
| Herencia: | no |
| Versión: | CSS2 |
| Sintaxis de JavaScript: | object.style.outlineColor="#0080FF" |
Soporte del navegador
Los números de la tabla indican la primera versión del navegador que admite la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| outline-color | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Sugerencias y notas
outline rodea al elemento. Es un margen alrededor del elemento. Sin embargo, proviene de diferentes propiedades de borde.
outline no es parte de las dimensiones del elemento, por lo tanto, las propiedades de ancho y alto del elemento no incluyen el ancho del contorno.
Valores de la propiedad
| Valor | Descripción | |
|---|---|---|
| color | Especifica el color del contorno. Envalores de color CSSbusque la lista completa de valores de color. | |
| invert | Por defecto. Realiza una inversión de color (el color opuesto). Hace que el contorno sea visible en diferentes colores de fondo. | |
| inherit | Especifica que el color del contorno debe heredarse del elemento padre. |
Artículos relacionados
Tutorial CSS:CSS Outline
Referencia CSS:Propiedad outline
Otras extensiones