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; 
} 

那你只需要改變一行。