大纲：无 VS 大纲：0

Question

我正在阅读 this question 上关于禁用 <a> 链接周围的虚线边框。 Someanswers使用outline: none，而some使用outline: 0

使用outline: none和outline: 0有什么区别吗？

Answer 1

根据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，所以轮廓的宽度无关紧要）。