2016-02-26 125 views

回答

12

根據MDN

的CSS outline屬性是在一個聲明中設置一個或多個單獨的輪廓屬性outline-styleoutline-widthoutline-color

所以,當你一個速記屬性設置爲outlinenone0,您實際上是在告訴瀏覽器設置3個屬性(outline-styleoutline-widthoutline-color

我使用Firefox的開發者工具,找出差異:

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

正如你可以看到,它們都使用默認的文本顏色爲outline-color,並且它們都具有outline-style設置爲none。唯一的區別是outline-width

  • outline0,該outline-width0px
  • outlinenone,該outline-widthmedium

這就是兩者之間的唯一區別。你可以使用其中任何一個,它們都將以相同的方式顯示(因爲outline-stylenone,輪廓的寬度無關緊要)。

+2

此外,當你想刪除邊框。最常用的方法是'border:0;'。像輪廓一樣,邊界是幾個屬性的縮寫。所以我會用'outline:0;' –

+1

@TomKentell我也是,我會用'outline:0' – Druzion