2016-02-26 12 views

risposta

12

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:

<code>outline: 0</code> <code>outline: none</code>

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).

+2

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;' –

+1

@TomKentell Anch'io, vorrei andare con 'outline: 0' – Druzion