CSS边框去除冗余

Question

我经常发现自己到这一点：

.class { 
    border-top:1px dashed #0000000; 
    border-bottom:1px dashed #0000000; 
} 

有没有办法给一个行吗？

我试过，但doenst的工作：

.class { 
    border:1px 0 dashed #0000000; 
} 

Answer 1

您可以使用属性为每一个“面”（上，右，下，左）为每单border属性，你的情况：

.class{ 
border-color: #000; 
border-width: 1px 0; 
border-style: dashed; 

} 

请注意，您可以为每边指定每个属性，例如：

.class{ 
border-color: #000 green blue yellow; 
border-width: 1px 2px 3px 4px; 
border-style: dashed solid dotted solid; 

} 

Answer 2

不，有没有一个班轮为纯CSS - 您可以一次使用border速记只为四面。

Answer 3

没有，但你可以更简单地维持使用：

.my_class { 
    border: 1px dashed #000; 
    border-right: none; 
    border-left: none; 
} 

那你只需要改变一行。