您可以根据Oli提供的规范简单地使用两者。

我总是使用border:0 none;。

尽管分开指定它们没有坏处，而且如果您确实使用遗留的CSS1属性调用，一些浏览器会更快地解析CSS。

虽然边境:0;通常会将边框样式默认为none，但我注意到一些浏览器强制执行默认边框样式，这可能会奇怪地覆盖border:0;。

在我看来，

边框:没有工作，但不是有效的w3c标准

我们可以用border:0;

它们实际上是等价的，指向不同的快捷方式:

border: 0;
//short for..
border-width: 0;

另一个…

border: none;
//short for...
border-style: none;

两者都可以，只要选择一个就可以了:)

用css删除边框的最简单方法

border: 0;

使用

border: none;

不能在某些版本的IE中工作。 IE9很好，但在以前的版本中，即使样式为“none”，它也会显示边框。 我在使用不希望在输入框上设置边框的打印样式表时就遇到过这种情况。

border: 0;

似乎在所有浏览器中都能正常工作。

这是Firefox 78.0.2(64位)的结果:

img {
    border: none;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: medium;
        border-right-color: currentcolor;
        border-right-style: none;
        border-right-width: medium;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
        border-left-color: currentcolor;
        border-left-style: none;
        border-left-width: medium;
}

img {
    border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
        border-right-color: currentcolor;
        border-right-style: none;
        border-right-width: 0px;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: 0px;
        border-left-color: currentcolor;
        border-left-style: none;
        border-left-width: 0px;
        border-image-outset: 0;
        border-image-repeat: stretch;
        border-image-slice: 100%;
        border-image-source: none;
        border-image-width: 1;
}

日期:20200720