Properties

Properties

Draft
  • account_tree
  • bug_report

table-layoutCSS2

표의 가로크기를 고정시키거나 자동으로 조정되도록 할 수 있다.

설명

표는 자신의 크기를 가지고 있다고 하더라도 셀 안의 콘텐츠의 양에 영향을 받는다. 만일 셀 안의 텍스트가 공백이 없는 경우(한글 제외) 텍스트는 테이블의 크기와는 관계없이 줄바꿈없이 보여지며 이로 인해 테이블의 크기는 자동으로 늘어나게 된다. table-layout 속성을 통해서 이러한 성질을 제어할 수 있다.

설정 가능한 속성 값

  • auto기본값키워드CSS2

    웹브라우저는 자동 테이블 레이아웃 알고리즘을 사용한다. 열의 너비는 셀이 가지고 있는 가장 넓은 내용으로 설정된다.

  • fixed키워드CSS2

    테이블의 가로 크기를 명시한 경우 셀 안의 콘텐츠의 크기와는 관계없이 테이블의 너비를 명시된 크기로 고정한다.

  • initial키워드CSS3

    웹브라우저의 기본 값으로 설정한다.

구문

  • table-layout auto or fixed or initial;기본형식CSS3

테스트 도구

표의 가로 크기가 300px로 명시된 경우 적용 방법에 대한 테스트

버전 명세

Version NameDescriptionFlags
CSS2

지원 웹브라우저