HTML <tr> 태그
정의 및 특징
<tr> 태그는 테이블에서 셀들로 이루어진 하나의 행(row)을 정의할 때 사용합니다.
<tr> 요소는 하나 이상의 <th> 요소(data cell)나 <td> 요소(header cell)를 포함할 수 있습니다.
예제
<table>
<tr>
<th>밥류</th>
<th>면류</th>
<th>분식류</th>
</tr>
<tr>
<td>김밥</td>
<td>라면</td>
<td>떡볶이</td>
</tr>
</table>
지원하는 브라우저 및 버전
| 태그명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| <tr> | 1.0 | 지원함 | 지원함 | 1.0 | 지원함 | 지원함 |
HTML5에서 변경된 사항
HTML5에서는 다음과 같은 <tr> 태그의 모든 레이아웃 관련 속성을 더 이상 지원하지 않습니다.
- align, bgcolor, char, charoff, valign
사용할 수 있는 속성
| 속성명 | 속성값 | 설명 | |
|---|---|---|---|
|
align |
left center right justify char |
해당 행에 포함된 셀들의 내부 콘텐츠에 대한 정렬 방법을 명시함. HTML5에서는 더 이상 지원하지 않음. |
|
|
bgcolor |
rgb(x,x,x) #xxxxxx 색상명 |
해당 행에 포함된 셀들의 배경색을 명시함. HTML5에서는 더 이상 지원하지 않음. |
|
| char | 문자 |
해당 행에 포함된 셀들의 내부 콘텐츠를 정렬할 때 기준이 되는 문자를 명시함. HTML5에서는 더 이상 지원하지 않음. |
|
|
charoff |
숫자 |
해당 행에 포함된 셀들의 내부 콘텐츠 중에서 char 속성에 명시된 문자를 기준으로 정렬될 문자수를 명시함. HTML5에서는 더 이상 지원하지 않음. |
|
|
valign |
top middle bottom baseline |
해당 행에 포함된 셀들의 내부 콘텐츠에 대한 수직 방향의 정렬 방법을 명시함. HTML5에서는 더 이상 지원하지 않음. |
CSS 기본값
|
tr { display: table-row; vertical-align: inherit; border-color: inherit; } |
DOM 인터페이스
|
interface HTMLTableRowElement : HTMLElement { readonly attribute long rowIndex; readonly attribute long sectionRowIndex; [SameObject] readonly attribute HTMLCollection cells; HTMLElement insertCell(optional long index = -1); void deleteCell(long index); }; |
