大纲:无与大纲: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和outline-color)

我使用Firefox开发工具找出了不同之处：

​

​

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

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

• When outline is none，outline-width为medium

这是两者之间唯一的区别。您可以使用其中任何一个，它们都将以相同的方式显示(因为outline-style是none，所以轮廓有多宽并不重要)。