HTML <col> 태그

정의 및 특징

・<col> 태그는 <colgroup> 요소에 속하는

　각 열(column)의 속성을 정의할 때 사용한다

 

・<col> 요소는 각 행(row)이나 셀(cell)의 스타일을 반복하지 않고,

　열(column)마다 각각 다른 스타일을 적용하고 싶을 때

　유용하게 사용할 수 있다

 

・HTML에서는 태그를 닫지 않지만,

　XHTML에서는 다음과 같이 반드시 태그를 닫아야만 한다

<col span="2" />

 

 

지원하는 브라우저

1.0	지원함	지원함	1.0	지원함	지원함

 

속성

속성명	속성값	설명
align	left right center justify char	<col> 요소와 관련된 콘텐츠의 정렬 방법을 명시한다 HTML5에서는 더 이상 지원하지 않는다
char	문자	<col> 요소와 관련된 콘텐츠의 정렬에 사용되는 문자(character)를 명시한다 HTML5에서는 더 이상 지원하지 않는다
charoff	숫자	char 속성에서 명시된 문자를 기준으로 정렬될 콘텐츠의 문자수를 명시한다 HTML5에서는 더 이상 지원하지 않는다
span	숫자	<col> 요소로 합쳐질 열(column)의 개수를 명시한다
valign	top middle bottom baseline	<col> 요소와 관련된 콘텐츠의 수직 정렬 방법을 명시한다 HTML5에서는 더 이상 지원하지 않는다
width	% 픽셀 상대 길이	<col> 요소의 너비를 명시한다 HTML5에서는 더 이상 지원하지 않는다

 

예제

<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>홍길동</td>
        <td>180 cm</td>
        <td>70 kg</td>
    </tr>
</table>

이름 키 몸무게 홍길동 180 cm 70 kg

 

 

■HTML 태그 레퍼런스

HTML 태그 레퍼런스 - MAIN 돌아가기