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