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

당신이 하나 개의 라인을 변경해야 할 것.