<td>

정의 및 사용

<td> 태그는 표의 일반적인 데이터 셀을 정의한다. 표에는 두 가지 종류의 셀을 가지는데,
첫째, 머리글(header) 셀 – 머리글 정보를 포함하는 th 태그와
둘째, 표준(standaed) 셀 – 일반적인 데이터를 포함하는 td 태그이다.
th 는 굵은(bold) 폰트에 텍스트 정렬이 중앙(center)으로 렌더링되고, td 는 일반(regular) 폰트에 텍스트 정렬은 왼쪽으(left)로 렌더링 된다. 만약 여러 개의 셀을 합쳐서 나타내려면 colspan 과 rowspan 속성을 사용하여 가로 또는 세로 셀을 합친다.

브라우저 지원

IE6 지원IE7 지원IE8 지원IE9 지원IE10 지원Chrome 지원Firefox 지원Opera 지원Safari 지원

모든 주요 브라우저에서 지원

구문

속성 값 설명
속성 설명
abbr text HTML5 미지원 td의 요약 내용을 지정
align left
right
center
justify
char
HTML5 미지원 td의 정렬을 지정
axis category_name HTML5 미지원 td를 카테고리화 시켜 분류함
bgcolor rgb(x,x,x)
#xxxxxx
colorname
HTML5 미지원 td의 배경색을 지정
char character HTML5 미지원 문자 콘텐츠를 정렬함
charoff number HTML5 미지원
colspan number 셀에 필요한 열(column)수를 지정(셀 병합)
headers headers_id 하나 또는 그 이상의 연관된 셀을 연결해주기 위한 값
height pixels
%
HTML5 미지원 td의 높이를 지정
nowrap nowrap HTML5 미지원 셀 내부의 콘텐츠가 줄바꿈되지 않도록 지정
rowspan number 셀에 필요한 행(row)수를 지정(셀 병합)
scope col
colgroup
row
rowgroup
헤더 셀과 데이터 셀의 관계를 col, colgroup, row, rowgroup 값으로 정의
valign top
middle
bottom
baseline
HTML5 미지원 셀의 수직 정렬을 지정
width pixels
%
HTML5 미지원 셀의 너비를 지정

예제

버그 및 이슈

  • 레이아웃과 관련된 모든 속성은 HTML5에서 삭제되었다.

목록 으로

댓글