<TABLE>...</TABLE> | |
Align="left", "right", "center" | 표의 정렬 상태를 지정합니다. |
Background="이미지 파일명" | 표의 배경을 이미지로 지정합니다. |
Bgcolor="색상명" | 표의 배경을 색으로 지정합니다. |
Border="숫자(픽셀)" | 표의 테두리선의 두께를 지정합니다. 0으로 설정하면 테두리선이 보이지 않습니다. |
Bordercolor="색상명" | 표 테두리선의 색을 지정합니다. |
Cellpadding="숫자(픽셀)" | 셀 경계와 셀 안의 내용 사이의 간격을 지정합니다. |
Cellspacing="숫자(픽셀)" | 셀과 셀 사이의 간격을 지정합니다. |
Height, Width="숫자(픽셀)" | 표 전체의 높이나 너비를 지정합니다. |
Hspace, Vspace="숫자(픽셀)" | 표 상하와 좌우의 여백을 지정합니다. 생략하면 0으로 표를 여러 개 그릴 경우 붙어서 나타납니다. |
| |
<TR>...</TR> | |
align="left", "right", "center" | 행의 내용 정렬 상태를 지정합니다. |
valign="top", "bottom", "middle" | 행의 내용 정렬 상태를 행의 높이를 기준으로 지정합니다. |
bgcolor="색상명" | 한 행의 배경색을 지정합니다. |
height="숫자" | 한 행의 높이를 지정합니다. |
| |
<TD>...</TD> | |
align="left", "right", "center" | 셀의 내용 정렬 상태를 지정합니다. |
valign="top", "bottom", "middle" | 셀의 내용 정렬 상태를 행의 높이를 기준으로 지정합니다. |
background="이미지 파일명", bgcolor="색상명" | 셀의 배경을 이미지나 색으로 지정합니다. |
colspan="숫자" | 두 개 이상의 열을 하나로 병합할 때 사용한다. 즉 좌우로 된 칸을 합친다. |
rowspan="숫자" | 두 개 이상의 행으로 된 셀을 병합할 때 사용합니다. 상하로된 칸을 합칩니다. |
height, width="숫자" | 셀의 높이와 너비를 지정합니다. |
| |
<TH>...</TH> | |
| |
<CAPTION>...</CAPTION> | |
| |
테이블 관련 태그의 다양한 옵션들 다음은 익스플로러에서만 지원하는 옵션들로 테두리의 외곽선이나 셀 사이의 경계선을 숨기거나 나타낼 때 사용합니다. Frame 속성을 이용하여 외곽선의 형태를 지정하는 것으로 border의 값이 1이상 지정되어야 합니다. | |
void | 표의 외곽선이 나타나지 않습니다. |
border | 기본적인 외곽선이 나타납니다. |
above | 바깥쪽의 외곽선 중 위쪽만 나타납니다. |
bellow | 바깥쪽의 외곽선 중 아래쪽만 나타납니다. |
hsides | 바깥쪽의 외곽선 중 위쪽과 아래만 나타납니다. |
lhs | 깥쪽의 외곽선 중 왼쪽만 나타납니다. |
rhs | 바깥쪽의 외곽선 중 오른쪽만 나타납니다. |
vsides | 바깥쪽의 외곽선 중 좌우만 나타납니다. |
| |
rules 속성을 이용하면 셀 사이의 경계선 형태를 지정할 수 있습니다. Border의 값이 지정되어야 합니다. | |
cols | 열들 사이의 경계선만 그립니다. |
rows | 행들 사이의 경계선만 그립니다. |
none | 테두리의 외곽선을 제외한 셀 경계선을 지웁니다. |
all | 외곽선과 셀 경계선을 모두 그립니다. |
'Java Programming > HTML5+CSS3' 카테고리의 다른 글
[CSS3] media query (0) | 2014.04.10 |
---|---|
Input readonly 속성 (0) | 2014.04.07 |
[CSS]display:block 와 inline (0) | 2014.02.25 |