这两种方法中哪一种符合W3C标准?它们是否都能在浏览器中正常运行?
边界:没有; 边界:0;
当前回答
您可以根据Oli提供的规范简单地使用两者。
我总是使用border:0 none;。
尽管分开指定它们没有坏处，而且如果您确实使用遗留的CSS1属性调用，一些浏览器会更快地解析CSS。
虽然边境:0;通常会将边框样式默认为none，但我注意到一些浏览器强制执行默认边框样式，这可能会奇怪地覆盖border:0;。
其他回答
(注:此答案已于2014-08-01更新，使其更详细，更准确，并增加了现场演示)
扩展短路特性
根据W3C CSS2.1规范(“省略的值被设置为它们的初始值”)，以下属性是等效的:
border: hidden; border-style: hidden;
border-width: medium;
border-color: <the same as 'color' property>
border: none; border-style: none;
border-width: medium;
border-color: <the same as 'color' property>
border: 0; border-style: none;
border-width: 0;
border-color: <the same as 'color' property>
如果这些规则是应用于元素边框的最具体的规则，那么边框将不会显示，要么是因为宽度为零，要么是因为隐藏/none样式。所以，乍一看，这三条规则是等价的。然而，当与其他规则结合时，它们的行为方式不同。
折叠边界模型中表上下文中的边界
当使用border-collapse: collapse渲染表时，每个渲染的边框都在多个元素之间共享(内部边框作为邻居单元格共享;外部边界在单元格和表本身之间共享;而且行、行组、列和列组共享边界)。该规范定义了一些边界冲突解决规则:
具有隐藏边界样式的边界优先于所有其他冲突边界。[…] 样式为none的边框优先级最低。[…] 如果没有一个样式是隐藏的，并且至少有一个样式不是，那么窄的边框将被丢弃，转而使用宽的边框。[…] 如果边框样式只是颜色不同，[…]
因此，在表上下文中，border: hidden(或border-style: hidden)将具有最高优先级，并将隐藏共享边界。
在优先级的另一端，border: none(或border-style: none)具有最低的优先级，其次是零宽度边界(因为它是最窄的边界)。这意味着border-style: none的计算值和border-width: 0的计算值本质上是相同的。
级联规则和继承
由于none和0影响不同的属性(border-style和border-width)，当更具体的规则只定义样式或宽度时，它们的行为将有所不同。请看克里斯回答的例子。
现场演示!
想在一页里看到所有这些案例吗?打开现场演示!
正如其他人所说的那样，两者都是有效的，而且会奏效。但我并不是百分之百确信它们是一样的。如果你有一些样式级联，那么理论上它们可以产生不同的结果，因为它们有效地覆盖了不同的值。
为例。如果你设置“border: none;”，然后有两个不同的样式来覆盖边界宽度和样式，那么一个会做一些事情，另一个不会。
在下面的例子中，在IE和firefox上，前两个测试div没有边界。然而，后两个是不同的，第一个div在第二个块是平原和第二个div在第二个块有一个中等宽度虚线边界。
所以虽然它们都是有效的，但你可能需要注意你的样式，如果它们做了很多级联之类的事情。
<html>
<head>
<style>
div {border: 1px solid black; margin: 1em;}
.zerotest div {border: 0;}
.nonetest div {border: none;}
div.setwidth {border-width: 3px;}
div.setstyle {border-style: dashed;}
</style>
</head>
<body>
<div class="zerotest">
<div class="setwidth">
"Border: 0" and "border-width: 3px"
</div>
<div class="setstyle">
"Border: 0" and "border-style: dashed"
</div>
</div>
<div class="nonetest">
<div class="setwidth">
"Border: none" and "border-width: 3px"
</div>
<div class="setstyle">
"Border: none" and "border-style: dashed"
</div>
</div>
</body>
</html>
虽然结果很可能是相同的(没有边界)，但0和none在技术上解决的是不同的问题。
0表示边框宽度，none表示边框样式。显然宽度为0的边框是不存在的，因此没有样式。
但是，如果稍后在样式表中打算覆盖这一点，那么自然需要专门处理其中一个。如果我现在想要一个3px的边框，这将直接覆盖border:宽度为0。如果我现在想要一个虚线边界，这将直接覆盖边界:没有关于样式。
您可以根据Oli提供的规范简单地使用两者。
我总是使用border:0 none;。
尽管分开指定它们没有坏处，而且如果您确实使用遗留的CSS1属性调用，一些浏览器会更快地解析CSS。
虽然边境:0;通常会将边框样式默认为none，但我注意到一些浏览器强制执行默认边框样式，这可能会奇怪地覆盖border:0;。
它们实际上是等价的，指向不同的快捷方式:
border: 0;
//short for..
border-width: 0;
另一个…
border: none;
//short for...
border-style: none;
两者都可以，只要选择一个就可以了:)
推荐文章
- 如何包装文本的HTML按钮与固定宽度?
- 在输入数字中隐藏上下箭头按钮(旋转器)- Firefox 29
- 如何用CSS“裁剪”一个矩形图像成一个正方形?
- Angular 2:如何为组件的宿主元素设置样式?
- 如何使用jQuery添加' style=display:"block" '到一个元素?
- 为什么在scss/css的文件名前面放“_”或“_”?
- 我可以将CSS样式应用于元素名称吗?
- 我怎么能发送一个内部<div>到它的父<div>底部?
- font-style: CSS中的斜体vs斜体
- 改变引导输入焦点蓝色发光
- 我如何使一个div上的滚动条只在必要时可见?
- CSS:控制项目符号和<li>之间的空格
- 调试打印样式表的建议?
- 为什么我的CSS3媒体查询不能在移动设备上工作?
- 下一个元素的CSS选择器语法是什么?
