목차
<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 이용.
주소 복사
랜덤 이동