이러한 속성의 너비는 픽셀 또는 백분율을 사용하여 측정 할 수 있습니다. 텍스트와 둘러싸인 셀벽, 셀 및 테이블 태그 내의 셀 사이의 간격을 조정하기 위해 셀 패딩 및 셀 간격 조정과 같은 특성이 사용됩니다.
비교 차트
| 비교 근거 | 셀 팟딩 | 셀 간격 |
|---|---|---|
| 기본 | 셀의 테두리와 내용 사이의 공백을 제어합니다. | 단독 셀 사이의 간격을 설정합니다. |
| 의미 | 단세포 | 둘 이상의 셀 |
| HTML 형식 |  |  |
셀 팟의 정의
내용과 주변 경계 사이의 셀 공간을 설정하는 특성은 셀 패딩이라고 합니다. 즉, 셀이 둘러싸는 컨텐츠와 셀 경계 사이의 거리가 cellpadding 속성에 의해 관리됩니다. 이 거리의 단위는 픽셀 단위 또는 HTML의 비율로 나타낼 수 있습니다. 셀 패드 속성 값은 사용자의 필요에 따라 0 값일 수 있습니다. 그것은 외모를 개선하는 서로 텍스트를 분리하는 데 사용됩니다.
HTML의 이전 버전은 cellpadding 명령을 지원하지만 이후 버전 인 HTML5는 cellpadding을 사용할 수 없기 때문에 필요할 때 대체 CSS를 사용하여 동일한 서식을 제공합니다.
셀 영역의 정의
Cellspacing 은 cellpadding과 다릅니다. 테이블의 단일 셀 사이의 거리를 제어합니다. 이 속성을 사용하면 설계자는 서로 다른 인접 셀의 가장자리 사이의 공간을 쉽게 변경할 수 있습니다. 그것은 테이블의 선명도를 향상시킵니다. 세포 덩어리의 양이 증가하면 세포 경계가 분명히 증가하는데, 이는 예제에 표시됩니다.
Cellspacing은 주로 웹 디자인에 사용됩니다. 서로 다른 언어는 CSS에서와 같이 셀 영역에 대한 구문이 상당히 다릅니다. HTML에서는 "셀 간격"이 사용되는 동안 "border-spacing"속성을 사용하여 사용됩니다.
Cellpadding과 Cellspacing 간의 주요 차이점
- 셀 패딩은 텍스트와 셀 가장자리를 따라 셀의 공백을 설명합니다. 반면에 셀 쉐이핑은 다른 셀 사이의 공백을 의미합니다. 둘 다 절대적으로 다릅니다.
- 셀 팟은 셀 내의 공간을 포함하고 셀 쉐이핑은 셀 사이의 폭 (즉, 하나 이상의 셀)을 포함합니다.
셀 팟의 예
td {background : lavender;} 웹 페이지 테이블 항목 1 | 항목 2 | 항목 3 |
산출:
셀 공간 배치 예제
td {background : lavender;} 웹 페이지 테이블 항목 1 | 항목 2 | 항목 3 |
산출:
결론
Cellpadding과 cellspacing은 웹 페이지에서 테이블의 스타일과 레이아웃을 제어하는 데 도움이되는 특성 중 두 가지입니다. 셀 패딩은 텍스트와 셀 경계 사이의 셀 내에 공백을 만들고 셀 간격은 테이블의 셀 사이 공간을 관리하는 데 사용할 수 있습니다.
