是否有简写为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;
}