예
와 세 개의 열의 배경 색상 설정 <colgroup> 와 <col> 태그 :
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>
»그것을 자신을 시도 정의 및 사용
<colgroup> 태그는 서식에 대한 테이블에서 하나 이상의 열 그룹을 지정합니다.
<colgroup> 태그는 각 행에 대해, 각 셀의 스타일을 전체 컬럼에 스타일을 적용하는 대신 반복하는 데 유용합니다.
참고 : <colgroup> 태그는의 자식이어야합니다 <table> , 요소 어떤 후 <caption> 요소와 어떤 전에 <thead>, <tbody>, <tfoot> 및 <tr> 요소입니다.
팁 : 내 칼럼에 다른 속성을 정의하는 <colgroup> 의 사용 <col> 내 태그 <colgroup> 태그를.
브라우저 지원
| 요소 | |||||
|---|---|---|---|---|---|
| <colgroup> | 예 | 예 | 예 | 예 | 예 |
HTML 4.01과 HTML5의 차이점
HTML 4.01의 속성의 대부분은 HTML5에서 지원되지 않습니다.
속성
| 속성 | 값 | 기술 |
|---|---|---|
| align | left right center justify char | HTML5에서 지원되지 않습니다. 열 그룹의 콘텐츠를 정렬 |
| char | character | HTML5에서 지원되지 않습니다. 문자에 열 그룹의 콘텐츠를 정렬 |
| charoff | number | HTML5에서 지원되지 않습니다. 함량은에 의해 지정된 문자의 문자의 수가 일치한다 세트 char 특성 |
| span | number | 열 기 스팬한다 열의 수를 지정 |
| valign | top middle bottom baseline | HTML5에서 지원되지 않습니다. 세로 열 그룹의 콘텐츠를 정렬 |
| width | pixels % relative_length | HTML5에서 지원되지 않습니다. 열 그룹의 폭을 지정 |
글로벌 속성
<colgroup> 태그도 지원 글로벌은 HTML의 속성 .
이벤트 속성
<colgroup> 태그도 지원 이벤트는 HTML의 속성 .
관련 페이지
HTML DOM 참조 : ColumnGroup 개체
기본 CSS 설정
대부분의 브라우저는 표시됩니다 <colgroup> 다음과 같은 기본 값으로 요소를 :