[attribute] HTML - cellpadding 속성 - 테이블 셀 내부의 여백 지정 (= cellpadding속성 = 셀패딩속성)

1. cellpadding 예제 - 테이블 셀 내부의 여백 지정
2. cellpadding 정의
3. cellpadding 구문

cellpadding 예제 - 테이블 셀 내부의 여백 지정

(예) 테이블 셀 내부의 여백을 10px로 설정.

 

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

  <tr>

    <td>셀 1</td>

    <td>셀 2</td>

  </tr>

</table>

결과보기

cellpadding 정의

 

테이블 셀 내부의 여백 지정.

 

---

 

1.

• <table> 태그에만 사용 가능.
• 다른 HTML 요소들(예: <div>, <ul>, <section> 등)에서는 사용 불가. 만약 이들 요소에서 비슷한 여백을 주려면 CSS padding 속성 이용해야 함.
• 속성값은 단위 없이 0 이상의 숫자 지정 가능. (px 단위 써도 지원하긴 함.)
• CSS padding 속성으로도 동일 효과 구현 가능.
•  

 

2. cf.

• cellspacing 속성 - 테이블 셀 간 간격 지정. <table> 태그에만 적용 가능.

 

3.

모든 브라우저 지원.

 

cellpadding 구문

 

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

 

---

[속성값]

 

number

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