목차
- <colgroup> 예제/구문 - 테이블 <col> 태그 그룹
- <colgroup> 정의
- <colgroup> 속성
<colgroup> 예제/구문 - 테이블 <col> 태그 그룹
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:green">
</colgroup>
<tr>
<th>HTML</th>
<th>CSS</th>
<th>JS</th>
</tr>
<tr>
<td>뼈대</td>
<td>디자인</td>
<td>기능</td>
</tr>
</table>
<colgroup> 정의
테이블(표) 내에서 여러 열의 속성을 한번에 지정할 때 사용하는 <col>태그들을 묶을 때 사용.
1.
<table> 태그 안에서 사용.
<caption>태그 뒤 위치.
<thead> <tbody> <tfoot> <tr> 태그 앞 위치.
2.
HTML4.01에서 지원되는 모든 속성이
HTML5에서는 span 태그 제외하고 모두 지원 안 됨.
3.
시작태그와 종료태그로 구성.
<colgroup> 속성
속성 |
속성값
|
쓰임새 |
비고 |
span |
숫자
|
한번에 속성 지정할 열 개수.
(기본값: 1)
|
|
width |
px 단위
% 단위
|
특정 문자에 대해 정렬 |
HTML5 X |
align
|
left (왼쪽 정렬)
right (오른쪽 정렬) center (중앙 정렬) justify (동일 길이 펼침 정렬) char (특정 문자 기준 정렬)
|
수평 정렬 |
HTML5 X |
valign |
top (상단 정렬) middle (중단 정렬) bottom (하단 정렬) baseline (밑단 정렬) - 글씨 크기 다를 경우 효과적
|
수직 정렬 |
HTML5 X |
char |
특정 문자
|
특정 문자에 대해 정렬 |
HTML5 X |
charoff |
숫자 |
char 속성에 의해 내용 정렬 시
정렬될 특정 문자의 개수 지정.
|
HTML5 X |
※ <colgroup> 태그는 전역속성과 이벤트속성 지원.
※ HTML5 제외된 속성은 CSS 이용.