css - 边框 :2px solid red VS border:2px red solid

Question

两种方法都有效吗？两者都一样。

border:2px solid red;

和

border:2px red solid;

Answer 1

W3.org (官方规范)说 border 简写属性的值是这样的:

<line-width> || <line-style> || <color>

所以它指定了你应该使用的顺序是宽度、样式、颜色。换句话说，border: 2px solid red; 来自您的示例。

另一种方法在技术上是“未定义的”，但浏览器通常会正确显示它，因为样式和颜色值之间没有混淆；目前没有称为“实线”或“虚线”的颜色。无论如何，请坚持使用官方方法。