outline:none VS outline:0

Kas*_*Lee 15 css outline

我正在阅读关于禁用链接周围的虚线边框的问题<a>.一些 答案使用outline: none,而一些使用outline: 0

使用outline: none和之间有什么区别outline: 0吗?

Kas*_*Lee 20

MDN称:

CSS outline属性是一个简写属性,用于设置一个或多个单独的大纲属性outline-style,outline-widthoutline-color在单个声明中

所以当你设置outlinenone或者0,你实际上是在告诉浏览器设置3个属性(outline-style,outline-widthoutline-color)

我使用Firefox Developer Tools来找出差异:

<code>outline-color</code>,并且它们都<code>outline-style</code>设置为<code>none</code>.唯一的区别是<code>outline-width</code>:</p>

<ul>
<li>当<code>outline</code>是<code>0</code>,<code>outline-width</code>是<code>0px</code></li>
<li>当<code>outline</code>是<code>none</code>,<code>outline-width</code>是<code>medium</code></li>
</ul>

<p>这是两者之间的唯一区别.你可以使用任何一个,它们都会以相同的方式显示(因为它<code>outline-style</code>是<code>none</code>,轮廓的宽度并不重要).</p></p>
        <ul class=

  • 此外,当您要删除边框时.最常见的方式是`border:0;`.与大纲一样,border是几个属性的简写.所以我选择`outline:0;` (4认同)
  • @TomKentell 我也是,我会选择“大纲:0” (2认同)