css - CSS 边框间距属性简写

Question

在我看来，大多数 CSS 属性的两项标准是“上/下、左/右”。至少，除了边框间距之外，我所知道的一切都是这种情况。

边框间距的“左/右，上/下”简写是故意的吗？它每次都让我感到困惑，也许 w3 没有注意到它是不一致的。

Answer 1

这有点不同，因为与border-widthor之类的不同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;