border：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 - 這是一個很好的網站，可用作此類問題的參考。