css - 大纲:无 VS 大纲:0

Question

我正在阅读 this question关于禁用 <a> 周围的虚线边框链接。 Some answers二手 outline: none , 而 some二手 outline: 0

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

Answer 1

根据 MDN :

The CSS outline property is a shorthand property for setting one or more of the individual outline properties outline-style, outline-width and outline-color in a single declaration

因此，当您将outline 设置为none 或0 时，您实际上是在告诉浏览器设置3 个属性(outline-样式, outline-width and 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，所以轮廓的宽度无关紧要)。