[HTML] 테이블(TABLE) 속성

■ HTML 테이블(TABLE) 속성

---

● table ,tr, td 공통 속성

width	table ,tr, td 넓이
height	table ,tr, td 높이
bgcolor	table ,tr, td 바탕색
background	table ,tr, td 배경이미지
align	table ,tr, td 수평정렬
valign	table ,tr, td 수직

 

● table~ /table 에만 있는 속성

border	테이블 경계선 두께
bordercolor	테이블 경계선 색상
bordercolorlight	테이블 경계선 색상의 밝은 부분
bordercolordark	테이블 경계선 색상의 어두운 부분
cellpadding	열(셀) 내부에서의 내용물이 경계선으로부터 떨어져야 할 여백
cellspacing	각 열(셀) 들간에 떨어져야 할 여백

 

● td ~ /td * Tale Data, 열

colspan	칸을 열로 합치기
rowspan	칸을 행으로 합치기

● 오늘의 알짜 팁

input에 값을 추가시킨후 VIEW 화면에서  값이 없을때는 선이 없어지면서 깨지는 현상이 있다

이럴때는 frame="border"를 쓰면 된다 값이 없어도 보이게 된다

 

> 예시

<table width="200" border="1" cellpadding="0" cellspacing="0" frame="border">
  <tr>
    <td collspan="2">foo</td>
    <td></td>     <!-- 값이 없는 상황 -->
  </tr>
</table>

 

TABLE 속성