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;
}