HTML <col> 태그
정의 및 특징
<col> 태그는 <colgroup> 요소에 속하는 각 열(column)의 속성을 정의할 때 사용합니다.
<col> 요소는 각 행(row)이나 셀(cell)의 스타일을 반복하지 않고, 열(column)마다 각각 다른 스타일을 적용하고 싶을 때 유용하게 사용할 수 있습니다.
예제
<table>
<colgroup>
<col style="background-color: lightgreen">
<col span="2" style="background-color: yellow">
</colgroup>
<tr>
<th>학번</th>
<th>이름</th>
<th>학과</th>
</tr>
<tr>
<td>2006123456</td>
<td>홍길동</td>
<td>전자공학과</td>
</tr>
</table>
지원하는 브라우저 및 버전
| 태그명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| <col> | 1.0 | 지원함 | 지원함 | 1.0 | 지원함 | 지원함 |
HTML5에서 변경된 사항
HTML5에서는 span 속성을 제외한 <col> 태그의 대부분의 속성들을 더 이상 지원하지 않습니다.
HTML과 XHTML에서의 차이점
HTML에서는 태그를 닫지 않지만, XHTML에서는 다음과 같이 반드시 태그를 닫아야만 합니다.
<col span="2" />
사용할 수 있는 속성
| 속성명 | 속성값 | 설명 | |
|---|---|---|---|
|
align |
left right center justify char |
<col> 요소와 관련된 콘텐츠의 정렬 방법을 명시함. HTML5에서는 더 이상 지원하지 않음. |
|
| char | 문자 |
<col> 요소와 관련된 콘텐츠의 정렬에 사용되는 문자(character)를 명시함. HTML5에서는 더 이상 지원하지 않음. |
|
| charoff | 숫자 |
char 속성에서 명시된 문자를 기준으로 정렬될 콘텐츠의 문자수를 명시함. HTML5에서는 더 이상 지원하지 않음. |
|
| 숫자 |
<col> 요소로 합쳐질 열(column)의 개수를 명시함. |
||
| valign |
top middle bottom baseline |
<col> 요소와 관련된 콘텐츠의 수직 정렬 방법을 명시함. HTML5에서는 더 이상 지원하지 않음. |
|
|
width |
|
% 픽셀 상대 길이 |
<col> 요소의 너비를 명시함. HTML5에서는 더 이상 지원하지 않음. |
CSS 기본값
| col { display: table-column; } |
DOM 인터페이스
|
interface HTMLTableColElement : HTMLElement { attribute unsigned long span; }; |
