[CSS] display > table, table-row, table-cell
2006.04.27
작성일/수정일
2006-04-27 10:04:29 / 2006-04-27 10:04:29
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