-- CSS
테이블 상단, 하단, 왼쪽, 오른쪽 border 제어
어린왕자악꿍
2013. 12. 21. 22:21
웹 작업 중에 테이블의 왼쪽과 오른쪽의 border를 유지한채, 상하단의 border만 제거해야 하는 이슈가 발생했다.
CSS에 보면 border-top-style이라는 것이 있는데 이를 이용하면 테이블의 border를 제어 가능하다.
border-top-style
border-left-style
border-right-style
border-bottom-style
Value | Description |
none | Specifies no border |
hidden | The same as "none", except in border conflict resolution for table elements |
dotted | Specifies a dotted border |
dashed | Specifies a dashed border |
solid | Specifies a solid border |
double | Specifies a double border |
groove | Specifies a 3D grooved border. The effect depends on the border-color value |
ridge | Specifies a 3D ridged border. The effect depends on the border-color value |
inset | Specifies a 3D inset border. The effect depends on the border-color value |
outset | Specifies a 3D outset border. The effect depends on the border-color value |
inherit | Specifies that the border style should be inherited from the parent element |
아래의 링크를 가면 예제를 확인할 수 있다.