html - 是否有为 CSS 边框的每一侧设置不同颜色/样式/宽度的快捷方式？

Question

我想为 CSS 边框的每一侧设置不同的颜色/样式/宽度。

有简写吗？

Answer 1

您必须声明每个边框:

.my-box {
  border-top: 1px solid red;
  border-left: 3px dashed black;
  border-right: 2px dotted violet;
  border-bottom: 1px solid #cccccc;
}

如果你愿意，你可以只覆盖不同样式的边框:

.my-box {
  border: 1px solid red;
  border-right: 2px dotted violet;
}