IT모아

TABLE 속성 본문

HTML5

TABLE 속성

아롱사태남 2014.03.24 13:20

■ 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>

'HTML5' 카테고리의 다른 글

HTML5 col & colgroup 태그  (0) 2015.04.16
HTML5 WebStorage(local 및 session)  (0) 2015.03.14
iframe 속성 및 사용법(parent)  (0) 2015.02.02
크롬에서 배경이미지,배경색을 인쇄,프린트 하는 방법!!  (0) 2014.06.04
TABLE 속성  (0) 2014.03.24
0 Comments
댓글쓰기 폼