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;