在CSS中结合边框，边框，右边框，边框左边框，边框底边框

有没有像超级速记风格一样将CSS中的border-top，border-right，border-left，border-bottom组合起来的方法。

例如：

border: (1px solid #ff0) (2px dashed #f0F) (3px dotted #F00) (5px solid #09f); 

Answer 1

不，你不能把它们全部放在一个声明中。
在一般情况下，您至less需要三个属性：

 border-color: red green white blue; border-style: solid dashed dotted solid; border-width: 1px 2px 3px 4px; 

但是，这将是相当混乱。 这将是更具有可读性和可维护性的四个：

 border-top: 1px solid #ff0; border-right: 2px dashed #f0F; border-bottom: 3px dotted #f00; border-left: 5px solid #09f; 

Answer 2

你的情况是极端的，但是对于其他人来说，这是一个解决scheme，它适合于想要将less于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-color: red; border-style: dashed; border-width: 1px 1px 0 1px; 

Answer 3

不，你不能把它们设置为一个例如，如果你有div {border-top：2px纯红色; border-right：2px纯红色; border-bottom：2px纯红色; border-left：2px纯红色; }四个相同的属性，那么你可以将它们设置为单行

 div{border:2px solid red;} 

Answer 4

或者，如果所有的边界都有相同的风格，

 border:10px;