[attribute] HTML - cellspacing 속성 - 테이블셀간의 간격 지정 (= cellspacing속성 = 셀스페이싱속성)

1. cellspacing 예제 - 테이블 셀 간의 간격 지정
2. cellspacing 정의
3. cellspacing 구문

cellspacing 예제 - 테이블 셀 간의 간격 지정

(예) 테이블 셀 간 간격을 10px로 지정.

 

<table cellspacing="10" border="1">

  <tr>

    <td>셀 1</td>

    <td>셀 2</td>

  </tr>

</table>

 

결과보기

cellspacing 정의

 

테이블의 셀 간 간격을 설정.

 

---

 

1.

• <table> 태그에만 사용 가능. 
• 속성값은 px 단위 없이 숫자만 적음. (단, px 단위 넣어도 작동은 함.)
• CSS border-spacing 속성으로도 같은 효과 구현 가능.
• 다른 HTML 요소들(예: <div>, <ul>, <section> 등)에서는 사용 불가. 만약 이들 요소에서 비슷한 간격을 주려면 CSS margin, gap 등 속성 이용해야 함.

 

2. cf.

• cellpadding 속성 - 테이블 셀 내부의 여백 지정. <th>와 <td> 태그에만 적용.

 

3.

모든 브라우저 지원.

 

cellspacing 구문

 

<table cellspacing="number"> ... </table>

 

---

[속성값]

 

number

필수. 0 이상의 단위 없는 숫자 지정. (숫자 클수록 간격 커짐.)