반응형
- HTML 표는 padding과 spacing 기능을 통해, 셀 사이의 공간을 조절할 수 있다.
<셀 padding>
- 셀 padding은, 셀의 가장자리와 셀 내용 사이의 공간을 말한다.
- default 값으로, 0으로 맞춰져 있고,
- padding을 더해주기 위해선, CSS의 padding 속성을 사용 하면 된다.
- padding 값을 좀 더 세밀하게 조절하고 싶다면, 아래와 같은 padding 속성을 이용하면 된다.
- padding-top
- padding-bottom
- padding-left
- padding-right
<셀 Spacing>
- cell spacing은 셀과 셀 사이의 빈 공간을 말한다.
- default 값으로, 2 pixels 이 기본 적용되고,
- 이를 변경하려면, table 요소에서 CSS의 border-spacing 속성을 사용하면 된다.
- border-spacing 은 테이블을 한번 테두리로 감싸주고, 그 안의 cell 간 spacing을 조절한다.
반응형
'코딩일지 -언어공부방 > HTML' 카테고리의 다른 글
HTML Table Colgroup | 테이블열 빈칸 색상 채우기 | 셀 숨기기 (0) | 2022.08.20 |
---|---|
HTML Table Styling | 테이블표 색상 꾸미기 | 마우스 반응형 하이라이트 (0) | 2022.08.19 |
HTML Table Header | 테이블 헤더 구조 | 텍스트 정렬 | 셀병합 Collspan/ Rowspan | 테이블 제목 (0) | 2022.08.17 |
HTML Table Size | 테이블표 크기 조절하기 (0) | 2022.08.16 |
HTML Table borders | 테이블표 서식 꾸미기 (0) | 2022.08.15 |