CSS Contorno (outline)
El contorno (outline) es una línea dibujada alrededor del elemento, ubicada en la periferia del borde, que puede servir para resaltar el elemento.
La propiedad de contorno (outline) especifica el estilo, el color y el ancho del contorno del elemento.
Ejemplo de contorno (outline)
Este ejemplo demuestra cómo usar la propiedad outline para dibujar una línea alrededor de un elemento.
Este ejemplo demuestra cómo establecer el estilo del contorno.
Este ejemplo demuestra cómo establecer el color del contorno.
Este ejemplo demuestra cómo establecer el ancho del contorno.
Contorno (outline) de CSS
El contorno (outline) es una línea dibujada alrededor del elemento, ubicada en la periferia del borde, que puede servir para resaltar el elemento.
La propiedad CSS outline especifica el estilo, el color y el ancho del contorno del elemento.
Todas las propiedades de contorno (outline) de CSS
El número en la columna "CSS" indica qué versión de CSS definió la propiedad (CSS1 o CSS2).
| Propiedad | Descripción | Valor | CSS |
|---|---|---|---|
| outline | Establecer todas las propiedades de contorno en una sola declaración | outline-color outline-style outline-width inherit |
2 |
| outline-color | Establecer el color del contorno | color-name hex-number rgb-number invert inherit |
2 |
| outline-style | Establecer el estilo del contorno | none dotted dashed solid double groove ridge inset outset inherit |
2 |
| outline-width | Establecer el ancho del contorno | thin medium thick length inherit |
2 |