검색결과 리스트
border에 해당되는 글 1건
- 2013.12.21 테이블 상단, 하단, 왼쪽, 오른쪽 border 제어
글
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
웹 작업 중에 테이블의 왼쪽과 오른쪽의 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 |
아래의 링크를 가면 예제를 확인할 수 있다.
'-- CSS' 카테고리의 다른 글
| 레이어의 넓이보다 레이어 밖으로 텍스트가 넘어갈 때 (0) | 2013.12.23 |
|---|---|
| 크롬에서 홈페이지의 버튼이나 입력박스에 노란색 테두리 제거 (0) | 2013.12.21 |
| useful color collection (0) | 2012.11.07 |
| small-caps, first-letter, first-line (0) | 2012.09.03 |
| font-family 글꼴 지정 시 주의사항 (0) | 2012.08.20 |
RECENT COMMENT