html - CSS 边框规则的简写

Question

我只是想知道这个 CSS 规则是否有简写。我想首先定义边框然后通过指定不同的边框宽度在下一行中覆盖它并不是一个好主意。 我们能以某种方式简化它吗？

div.container {
  border: 0 solid gray;
  border-width: 5px 2px;
}

Answer 1

不幸的是，如果您没有为所有边设置等于边框宽度，则 border/border-wdith 属性没有简写。

(参见 CSS border shorthand when each border has a different width )

等于边框宽度的示例:

div.container {
  border: 5px solid gray;
}

或具有不同的边框宽度(您的情况)

div.container {
  border: 0 solid gray;
  border-width: 5px 2px;
}