CSS Border在一行中声明4个边,颜色,宽度

Question

我这里有这个规则:

border: 3px 0 0 0 solid #ccc;

然而,似乎边界的四边都没有登记.

border: 3px solid #ccc; 

似乎工作正常.

有没有办法制作一个4边宽分配的单线？

Answer 1

虽然边框没有确切的简写,但你仍然可以将边框的宽度放在同一条线上;

border-width: 1px 0 1px 0;
border-color: red;
border-style: solid;

希望能帮助到你.

Answer 2

如果我没记错的话，这是您可以到达的最接近的一行：

border: solid #000;
border-width: 0 1px 1px 0;

Answer 3

速记border总是在所有边上设置等宽边框；您的第一个声明无效。

不过，您可以使用单行：

border: 0 solid #ccc; border-top-width: 3px;