HTML <colgroup> 태그

정의와 사용법

<colgroup> 태그는 테이블에 포함된 한 열 또는 여러 열의 그룹 형식을 정의하는 데 사용됩니다.

모든 열에 대해 스타일을 적용하려면,<colgroup> 태그는 매우 유용하며, 이렇게 하면 각 단위와 각 행에 대해 스타일을 반복적으로 적용할 필요가 없습니다.

주의:<colgroup> 태그는 반드시 <table> 요소의 자식 요소, 어떤 <caption> 요소 뒤에 및 어떤 <thead>、<tbody>、<tfoot> 및 <tr> 요소 앞에.

푸시:다음과 같이 사용하려면, <colgroup> 중의 하나의 열에 대해 다른 속성을 정의하려면, <colgroup> 태그에서 사용 <col> 태그.

추가로 참조:

HTML 참조서:<col> 태그

HTML DOM 참조서:ColumnGroup 객체

예제

사용 <colgroup> 및 <col> 태그로 세 개의 열의 배경색을 설정합니다：

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>책 번호</th>
    <th>제목</th>
    <th>가격</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>HTML 입문</td>
    <td>$53</td>
  </tr>
</table>

직접 시험해보세요

속성

속성 값 설명
span 숫자 열 그룹이 건너뛰어야 할 열 수를 정의합니다.

전역 속성

<colgroup> 태그는 또한 HTML에서의 전역 속성.

이벤트 속성을 지원합니다

<colgroup> 태그는 또한 HTML에서의 이벤트 속성.

기본 CSS 설정

대부분의 브라우저는 다음 기본 값으로 표시합니다 <colgroup> 요소:

colgroup {
  display: table-column-group;
}

직접 시험해보세요

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원