Definición de .outline-width aplicado en CSS
La propiedad CSS .outline-width especifica el grosor del esquema de un elemento. ¿Qué es un esquema? Un esquema es una línea que se dibuja alrededor de los elementos, fuera del borde del borde, que se usa para fines de accesibilidad o decoración cuando ese elemento está enfocado.
Caso de empleo de la propiedad outline-width
Esta propiedad de CSS normalmente se utiliza de la siguiente manera:
button:focus {
outline-width: 5px;
}Otro ejemplo más avanzado de .outline-width es el siguiente de CODEPEN:
Sintaxis de .outline-width en CSS
outline-width: medium|thin|thick|length|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| medio | Especifica un contorno medio. Esto es predeterminado | |
| delgada | Especifica un contorno delgado | |
| grueso | Especifica un contorno grueso | |
| longitud | Le permite definir el grosor del contorno. | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .outline-width
Los números de la tabla especifican la primera versión del navegador que es plenamente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| overflow | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
