Properties

Properties

Editing
  • account_tree
  • bug_report

table-layout

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

설명

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

사용 가능한 값 타입

〈'table-layout'〉

테이블의 셀, 행 및 열을 배치하는 데 사용되는 알고리즘을 제어하는 값을 나타낸다.

  • auto | fixed | inherit
    CSS2.2

사용되는 키워드

  • auto

    자동 테이블 레이아웃 알고리즘을 사용한다.

  • fixed

    고정 테이블 레이아웃 알고리즘을 사용한다.

사용되는 전역 키워드

다음 전역 키워드는 속성에 따라 다른 의미를 가질 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

  • inherit

    부모 요소로부터 속성의 값을 상속받는다.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

  • autoCSS2

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

구문

  • table-layout fixed;CSS3

테스트 도구

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

지원 웹브라우저