Definición de .outline en CSS
La propiedad .outline en CSS dibuja una línea alrededor del exterior de un elemento. Es similar a la frontera excepto que:
Caso de empleo de la propiedad outline
Si quieres utilizar esta propiedad de CSS en tu hoja styles.css, hazlo de la siguiente forma:
a:focus {
outline: 1px dashed red;
}Sintaxis de .outline en CSS
outline: outline-width outline-style outline-color|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| Especifica el ancho del contorno. | ||
| Especifica el estilo del contorno. | ||
| Especifica el color del contorno. | ||
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .outline
Los números de la tabla especifican la primera versión del navegador que es completamente compatible con la propiedad.
Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| outline-color | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
