프리랜서 웹디자이너 무료폰트 RELATION.CO.KR

RELATION 로고

홈페이지 소스

[CSS] display > table, table-row, table-cell

2006.04.27
display 속성값으로 table, table-row, table-cell 등을 사용해서 요소를 표(table)처럼 표현할 수 있습니다.

표처럼 보이기 위해 사용할 수 있는 속성값은 다음과 같습니다.
•table : <table> 요소처럼 표현합니다.
•table-caption : <caption> 요소처럼 표현합니다.
•table-column-group : <colgroup> 요소처럼 표현합니다.
•table-header-group : <thead> 요소처럼 표현합니다.
•table-footer-group : <tfoot> 요소처럼 표현합니다.
•table-row-group : <tbody> 요소처럼 표현합니다.
•table-cell : <td> 요소처럼 표현합니다.
•table-column : <col> 요소처럼 표현합니다.
•table-row : <tr> 요소처럼 표현합니다.

위의 속성값으로 표처럼 표현되도록 만든 후에는 표를 꾸미는 것과 같은 방법으로 해당 요소를 꾸밀 수 있습니다.

주의할 점은, IE의 경우 8 이상에서 지원한다는 것입니다.
예제 : http://book.cmsfactory.net/Reference/CSS/display-table-cell-01.html


이 포스트 공유하기

글수정  글삭제 전체목록