小编典典

我应该使用'border:none'还是'border:0'?

all

这两种方法中哪一种符合 W3C 标准?它们在浏览器中的行为是否都符合预期?

边框:无;
边框:0;


阅读 167

收藏
2022-03-06

共1个答案

小编典典

两者都是有效的。 这是你的选择。

我更喜欢border:0,因为它更短;我觉得这更容易阅读。你可能会发现none更清晰。我们生活在一个功能强大的 CSS
后处理器的世界中,所以我建议你使用任何你喜欢的东西,然后通过“压缩器”运行它。这里没有值得一战的圣战,但 Webpack 鈫扡ESS 扨ostCSS
扨urgeCSS 是一个很好的 2020 堆栈。

总而言之,如果您是手写所有生产 CSS,我认为“尽管评论中有抱怨” ,但注意带宽并没有什么坏处 。使用它自己border:0
节省无限量的带宽,但如果你 把每个字节都计算在内 ,你会让你的网站更快。


CSS2 规范在这里。这些在 CSS3
中进行了扩展,但与此无关。

'border'
    Value:      [ <border-width> || <border-style> || <'border-top-color'> ] | inherit
    Initial:    see individual properties
    Applies to:     all elements
    Inherited:      no
    Percentages:    N/A
    Media:      visual
    Computed value:     see individual properties

您可以使用宽度、样式和颜色的任意组合。
在这里, 0设置宽度,none样式。它们具有相同的渲染结果:没有显示任何内容。

2022-03-06