组合CSS中的上边框、右边框、左边框和下边框

有没有一种方法可以将CSS中的上边框、右边框、左边框和下边框组合起来，就像一种超级速记样式一样

例如：

---

或者，如果所有边框的样式都相同，则只需：

border:10px;

---

不可以，不能在一条语句中全部设置它们。
在一般情况下，您至少需要三个属性：

边框颜色：红绿白蓝；
边框样式：实线虚线实线；
边框宽度：1px2p3px4px；

然而，这将是相当混乱的。使用以下四个选项将更具可读性和可维护性：

边框顶部：1px实心#ff0；
右边框：2px虚线#f0F；
边框底部：3px虚线#f00；
左边框：5px实心#09f；

不，您不能将它们设置为单个 例如，如果你有 div{ 边框顶部：2件纯红； 右边框：2倍纯红； 底部边框：2倍纯红； 左边框：2倍纯红； } 所有四个的属性相同，然后您可以在单行中设置它们

div{border:2px solid red;}

---

您的情况是一个极端的情况，但这里有一个解决方案，适用于其他更常见的情况，即希望样式少于4个完全相同的边框

border: 1px dashed red; border-width: 1px 1px 0 1px;

这篇文章要短一点，也许比其他文章更容易阅读

border-top: 1px dashed red;  border-right: 1px dashed red; border-left: 1px dashed red;

或

---

我能理解这个问题，应该有一个类似

border: 1px solid red top bottom left;

那当然不行！科比的回答给了我一个想法。假设你想做上、下、左，但不是右。你可以这样做两个，零抵消右边

border: 1px dashed yellow;
border-width:1px 0 1px 1px;

---

两条语句而不是三条，小的改进：-D

谢谢，我可以用它来创建我想要的内容。当您试图在顶部和底部显示边框时，这非常有用：边框样式：实心；边框宽度：1px0；你可能想在你的第二段代码中添加分号。有没有办法把所有的分号合并到一行？你不认为，你的观点已经被其他答案回答了吗？我认为你的第一行代码是更好的选择，它可以节省很多字节，特别是在有大量边界的大型CSS文件中。

border: 1px solid red top bottom left;

border: 1px dashed yellow;
border-width:1px 0 1px 1px;