Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

table-layout

Summary

table-layout CSS 속성은 테이블 셀, 행, 컬럼등의 레이아웃을 구성하기 위해 사용되는 알고리즘을 정의합니다.

초기값auto
적용대상table and inline-table elements
상속no
Mediavisual
Computed valueas specified
Animatableno
Canonical orderthe unique non-ambiguous order defined by the formal grammar

Syntax

table-layout: auto | fixed 

Values

auto
자동 테이블 레이아웃 알고리즘은 테이블 레이아웃을 구성하기 위해 대부분의 브라우저에서 사용됩니다. 테이블의 폭과 셀들은 여기서 언급된 내용에 따릅니다.
fixed
 
Table and column widths are set by the widths of table and col elements or by the width of the first row of cells. Cells in subsequent rows do not affect column widths.

Under the "fixed" layout method, the entire table can be rendered once the first table row has been downloaded and analyzed. This can speed up rendering time over the "automatic" layout method, but subsequent cell content may not fit in the column widths provided. Any cell that has content that overflows uses the overflow property to determine whether to clip the overflow content.

Examples

.contentbox {
  table-layout: fixed;
}

Specifications

Specification Status Comment
CSS Level 2 (Revision 1)
The definition of 'table-layout' in that specification.
Recommendation  

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support ? 1.0 (1.7 or earlier) 5.0 7.0 1.0
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? ? ? ? ? ?

문서 태그 및 공헌자

 이 페이지의 공헌자: fscholz, teoli, xbase
 최종 변경: fscholz,