边框：2px纯红色VS边框：2px红色实心

Question

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

border:2px solid red;

和

border:2px red solid;

Answer 1

W3.org（官方规范）说border速记属性的价值是：

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

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

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

Answer 2

是。

我总是border: 2px solid red但这是我个人的选择。

这只是

的简写

element {
    border-width: 2px;
    border-color: red;
    border-style: solid;
}

Answer 3

它大部分都是一样的，但是如果你想安全的话，在指定边框的简写时使用这个顺序

border-width
border-style
border-color

所以

border:2px solid red;

参考http://www.w3schools.com/css/css_border.asp - 这是一个很好的网站，可以作为此类问题的参考。