Secondo MDN:
La proprietà CSS outline
è una proprietà scorciatoia per settare una o più delle singole proprietà contorno outline-style
, outline-width
e outline-color
in un'unica dichiarazione
Quindi, quando si impostare outline
su none
o 0
, in realtà stai dicendo al browser di impostare 3 proprietà (outline-style
, outline-width
e outline-color
)
ho usato Firefox Developer Tools per scoprire la differenza:
Come si può vedere, entrambi utilizzano il colore del testo di default come il outline-color
, ed entrambi hanno outline-style
impostato su none
. L'unica differenza è il outline-width
:
- Quando il
outline
è 0
, il outline-width
è 0px
- Quando il
outline
è none
, il outline-width
è medium
Questa è l'unica differenza tra i due . È possibile utilizzare uno dei due, entrambi verranno visualizzati allo stesso modo (poiché lo outline-style
è none
, non importa quanto sia ampio il contorno).
Inoltre, quando si desidera rimuovere i bordi. Il modo più comune è 'border: 0;'. Come il contorno, il bordo è una scorciatoia per diverse proprietà. Quindi andrei con 'outline: 0;' –
@TomKentell Anch'io, vorrei andare con 'outline: 0' – Druzion