8
我在閱讀this question關於禁用<a>
鏈接的虛線邊框。 Someanswers使用outline: none
,而some使用outline: 0
概述:無VS概述:0
是否有使用outline: none
和outline: 0
之間有什麼區別?
我在閱讀this question關於禁用<a>
鏈接的虛線邊框。 Someanswers使用outline: none
,而some使用outline: 0
概述:無VS概述:0
是否有使用outline: none
和outline: 0
之間有什麼區別?
根據MDN:
的CSS
outline
屬性是在一個聲明中設置一個或多個單獨的輪廓屬性outline-style
,outline-width
和outline-color
的
所以,當你一個速記屬性設置爲outline
至none
或0
,您實際上是在告訴瀏覽器設置3個屬性(outline-style
,outline-width
和outline-color
)
我使用Firefox的開發者工具,找出差異:
正如你可以看到,它們都使用默認的文本顏色爲outline-color
,並且它們都具有outline-style
設置爲none
。唯一的區別是outline-width
:
outline
爲0
,該outline-width
是0px
outline
爲none
,該outline-width
是medium
這就是兩者之間的唯一區別。你可以使用其中任何一個,它們都將以相同的方式顯示(因爲outline-style
是none
,輪廓的寬度無關緊要)。
此外,當你想刪除邊框。最常用的方法是'border:0;'。像輪廓一樣,邊界是幾個屬性的縮寫。所以我會用'outline:0;' –
@TomKentell我也是,我會用'outline:0' – Druzion