HTML <col> 태그

정의와 사용법

<col> 태그는 테이블의 하나 또는 여러 열에 속성 값을 정의합니다.

모든 열에 스타일을 적용하려면<col> 태그는 매우 유용합니다. 이렇게 하면 각 셀과 각 행에 스타일을 반복적으로 적용할 필요가 없습니다.

ヒント

만약 다음과 같은 경우에 colgroup 각 열에 다른 속성 값을 지정할 때는 이 요소를 사용하십시오. col 요소가 없으면 열은 colgroup에서 모든 속성 값을 상속합니다.

col 요소는 속성만을 포함하는 공백 요소입니다. 열을 생성하려면 tr 요소 내에서 td 요소를 지정해야 합니다.

다른 참조를 참조하세요：

HTML 참조 가이드：<colgroup> 태그

HTML DOM 참조 가이드：Column 객체

예제

사용 <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 숫자 <col> 요소가 얼마나 열을 걸쳐야 하는지 정의합니다.

전역 속성

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

이벤트 속성을 지원합니다

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

기본 CSS 설정

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

col {
  display: table-column;
}

직접 테스트해 보세요

브라우저 지원

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