table-layout

정의 및 사용

table-layout 속성은 테이블의 레이아웃 상태를 지정하기 위해 사용된다.

정의 및 사용
기본값 auto
상속 no
버전 CSS2
자바스크립트 구문 object.style.tableLayout=”fixed”

브라우저 지원

IE6 지원IE7 지원IE8 지원Chrome 지원Firefox 지원Opera 지원Safari 지원

모든 주요 브라우저에서 지원

구문

속성 값 설명
설명
auto 기본값(default), 유동적인 테이블 레이아웃으로 지정
– column 의 너비는 셀 안의 고정적으로 가장 넓은 콘텐트에 의해 정해진다
– 이 값은 최종 레이아웃이 결정되기 전까지 테이블의 모든 내용을 읽어들인 다음 정해지므로 다소 렌더링이 늦어질 수 있다
fixed 테이블 레이아웃을 고정으로 지정
– 수평레이아웃은 셀 안의 콘텐츠가 아니라 테이블의 너비와 컬럼의 너비에 의해 결정된다
– auto layout 보다 렌더링 속도는 빠르다
inherit 지정 요소의 테이블 레이아웃 속성을 부모(상위) 요소로부터 상속받음

예제

버그 및 이슈

소제목

목록 으로

댓글