Día 30: CSS Outline Offset
La ruta del desarrollador web frontend autónomo🤹♂️
Table of contents
CSS Outline Offset
La propiedad outline-offset agrega espacio entre un contorno y el borde de un elemento. El espacio entre un elemento y su contorno es transparente.
El siguiente ejemplo especifica un contorno de 15px fuera del borde del elemento:
Ejemplo:
El siguiente ejemplo muestra que el espacio entre un elemento y su contorno es transparente:
Ejemplo:
Todas las propiedades outline
| Propiedad | Descripción |
outline | Una propiedad abreviada para configurar el ancho del contorno(outline-width), el estilo del contorno(outline-style) y el color del contorno(outline-color) en una declaración. |
outline-color | Establece el color de un contorno. |
outline-offset | Especifica el espacio entre un contorno y el borde de un elemento. |
outline-style | Establece el estilo de un contorno. |
outline-width | Establece el ancho de un contorno. |
Resumen
La propiedad outline-offset en CSS agrega espacio entre el contorno y el borde de un elemento. También se describen todas las propiedades outline, incluyendo outline-color, outline-style, outline-width, y outline como una propiedad abreviada.
Traducido con 💚 desde W3Schools.com