border-spacing

CSS 공작소에 방문해 주셔서 감사드립니다. 반응형 예제로 느껴보세요!!

border-spacing 은 table 요소의 셀 간격을 지정합니다.

예제 1
border-spacing 개요 : table 요소의 셀 간격을 지정합니다
보기
슬라이더를 움직여 보세요 ^^
border-spacing :
1px
border-spacing : 1px
CSS 공작소
1 2 3 4 5
설명

- table 요소의 td(cell) 의 간격을 지정합니다.
- table 의 cellspacing 속성과 같습니다.
- border-spacing : 1px 처럼 사용합니다.
- 예제에서 진한회색 테두리가 td 입니다.

예제 2
실습 - 2개의 속성 조절해보기
보기
border-spacing :
1px
1px
border-spacing : 1px 1px
CSS 공작소
1 2 3 4 5
설명

- 2개의 속성을 사용할 수도 있습니다.
- border-spacing : 1px 1px
- 각각 좌우간격, 위아래간격을 조절합니다.

 
+ 관련 CSS +