CSS border-spacing属性简写

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;