<열그룹>

HTML <colgroup> 태그

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<table border="1">
  <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></td>
  </tr>
  <tr>
    <td>5869207</td>
    <td>My first CSS</td>
    <td></td>
  </tr>
</table>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

브라우저 지원

모든 주요 브라우저는 <를 지원합니다. ;열그룹>

태그 정의 및 사용 지침

<colgroup> 태그는 형식을 지정하기 위해 테이블의 열을 그룹화하는 데 사용됩니다.

<colgroup> 태그를 사용하면 각 셀이나 행의 스타일을 반복적으로 지정할 필요 없이 전체 열에 스타일을 적용할 수 있습니다.

참고: 는 <caption> 요소 뒤, <thead>, <tfoot>, <tr> 요소 내에서만 가능합니다. <colgroup> 태그가 사용되었습니다.

팁: <colgroup>의 열에 대해 다른 속성을 정의하려면 <colgroup> 태그 안에 <col> 태그를 사용하세요.

HTML 4.01과 HTML5의 차이점

HTML 4.01의 대부분의 속성은 더 이상 HTML5에서 지원되지 않습니다.

Property

Property	Value	Description
align	left 그렇죠 센터 정당화 char	HTML5는 지원되지 않습니다. 열 조합 내 콘텐츠의 가로 정렬을 지정합니다.
char	character	HTML5는 지원되지 않습니다. 열 그룹의 내용을 정렬하는 데 사용할 문자를 지정합니다.
charoff	number	HTML5는 지원되지 않습니다. 첫 번째로 정렬된 문자의 오프셋을 지정합니다.
span	number	열 그룹이 확장되어야 하는 열 수를 지정합니다.
valign	top 중간 하단 Baseline	HTML5는 지원되지 않습니다. 열 조합 내 콘텐츠의 수직 정렬을 정의합니다.
너비	픽셀 % 상대 길이	HTML5는 지원되지 않습니다. 열 조합의 너비를 지정합니다.

전역 속성

<colgroup> 태그는 HTML 전역 속성을 지원합니다.

이벤트 속성

<colgroup> 태그는 HTML 이벤트 속성을 지원합니다.