outline：none VS outline：0

Question

关于禁用<a>链接周围的虚线边框，我正在阅读this question。 Some answers使用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和{{ 1}}）

我使用Firefox开发者工具找出差异：

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

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

这是两者之间的唯一区别。你可以使用其中任何一个，它们都会以相同的方式显示（因为medium是outline-style，轮廓的宽度并不重要。）