CSS邊界間距屬性速記

Question

在我看來，對於大多數CSS屬性的兩項標準是「頂/底，左/右」。至少，除了邊界間距外，我知道的所有情況都是如此。

邊界間距故意的「左/右，上/下」速記？它每次都讓我感覺到，也許w3沒有注意到它是不一致的。

Answer 1

這是因爲不同的東西，如border-width或margin有一點不同，只有兩個值被接受：

border-width: 10px 50px 10px 50px; /* valid */ 
border-spacing: 10px 50px 10px 50px; /* invalid */ 

你或許可以粉筆它這種差異。

只要看到這個簡寫接受（最多）其他性能4個值：

border-width: 10px 50px; 

它只是意味着底部和左側值從另一個側面複製：

border-width: 10px 50px 10px 50px; 
/*   top right btm left */ 

或用三個值：

border-width: 10px 50px 20px; 

這等於：

border-width: 10px 50px 20px 50px;