css - 轮廓:无VS轮廓:0

我正在阅读this question，以禁用<a>链接周围的虚线边框。 Some answers使用outline: none，而some使用outline: 0
使用outline: none和outline: 0有什么区别吗？

最佳答案

根据MDN:



因此，当您将outline设置为none或0时，实际上是在告诉浏览器设置3个属性(outline-style，outline-width和outline-color)

我使用Firefox Developer Tools找出了不同之处:




如您所见，它们都使用默认文本颜色作为outline-color，并且都将outline-style设置为none。唯一的区别是outline-width:

当outline为0时，outline-width为0px

当outline为none时，outline-width为medium

那是两者之间的唯一区别。您可以使用任何一个，它们都将以相同的方式显示(因为outline-style是none，所以轮廓的宽度无关紧要)。

关于css - 轮廓:无VS轮廓:0，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35648667/