Outline vs Border
Differenze tra outline e border in CSS.
Border
- Fa parte del box model
- Influenza le dimensioni dell elemento
- Può avere border-radius
Outline
- NON fa parte del box model
- Non influenza dimensioni o layout
- Non può avere angoli arrotondati (eccetto outline-radius in Firefox)
- Usato per accessibilità (focus)
Esempio
/* Focus accessibile */
button:focus {
outline: 2px solid #007bff;
outline-offset: 2px; /* Spazio tra elemento e outline */
}
/* Rimuovere outline (NON consigliato per accessibilità) */
button:focus {
outline: none;
box-shadow: 0 0 0 2px #007bff; /* Alternativa accessibile */
}