코드랩 레퍼런스
<table> 본문
특징 | 설명 |
---|---|
콘텐츠 카테고리 | Flow Content |
콘텐츠 속성 | Global Attributes, Event Attributes |
콘텐츠 요소 | Inline Element |
닫는 태그 | 사용 |
버전 | HTML4 |
시각적 표현 | - |
Definition
- <table> 태그는 기본적으로 <tr>, <td> 또는 <th>로 구성되어 있습니다.
- <table> 태그는 추가적으로 <caption>, <col>, <colgroup>, <thead>, <tbody>, <tfoot> 요소를 포함하고 있습니다.
- <table> 태그는 레이아웃을 목적으로 사용은 적합하지 않지만, 예외적으로 메일을 보낼 때는 레이아웃을 목적으로 사용이 가능합니다.
CrossBroswing
- HTML5에서는 "align", "bgcolor", "border", "cellpadding", "cellspacing", "frame", "rules", "summary", "width" 속성을 지원하지 않습니다.
Property
속성 | 값(예) | 설명 | 버전 |
---|---|---|---|
align |
left center right |
테이블을 왼쪽으로 정렬합니다. 테이블을 가운데로 정렬합니다. 테이블을 오른쪽으로 정렬합니다. |
|
bgcolor | bgcolor="blue" | 테이블의 배경색을 설정합니다. | |
border | border="1" | 테이블의 보더 값을 설정합니다. | |
cellpadding | cellpadding="3px" | 셀과 컨텐츠 사이의 간격을 설정합니다. | |
cellspacing | cellpadding="3px" | 셀과 셀사이의 간격을 설정합니다. | |
frame | void above below hsides lhs rhs vsides box border |
테이블의 프레임 모양을 설정합니다. | |
rules |
none groups rows cols all |
테이블 내부의 모양을 설정합니다. | |
sortable | sortable | 테이블이 정렬되도록 설정합니다. | - |
summary | summary="text" | 테이블의 내용을 요약하여 설정합니다. | |
width | width="100" | 테이블의 가로 값을 설정합니다. |
Compatibility
6 | 7 | 8 | 9 | 10 | 11 | ||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
table | |||||||||||||
align | |||||||||||||
bgcolor | |||||||||||||
border | |||||||||||||
cellpadding | |||||||||||||
cellspacing | |||||||||||||
frame | |||||||||||||
rules | |||||||||||||
sortable | |||||||||||||
summary | |||||||||||||
width |