HTML <colgroup> 태그

정의 및 특징

・<colgroup> 태그는 테이블에서

　서식 지정을 위해 하나 이상의 열을 그룹으로 묶을 때 사용한다

 

・<colgroup> 요소는

　각 행(row)이나 셀(cell)의 스타일을 반복하지 않고,

　열(column) 전체에 다른 스타일을 적용하고 싶을 때

　유용하게 사용할 수 있다

 

・<colgroup> 요소 내부에 <col> 요소를 포함하여

　열마다 각각 다른 스타일을 적용할 수도 있다

 

・<colgroup> 요소는 <table> 요소의 자식 요소로,

　모든 <caption> 요소보다 뒤에 위치해야 하며

　모든 <thead>, <tbody>, <tfoot>, <tr> 요소보다는

　앞에 위치해야 한다

 

 

지원하는 브라우저

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

 

속성

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

 

예제

<table>
    <colgroup span="2" style="background-color: lightpink"></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 돌아가기