概述：无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，轮廓的宽度无关紧要）。