Properties

Properties

Editing
  • account_tree
  • bug_report

height

요소의 세로 크기를 설정한다.

사용 가능한 값 타입

〈'box-size'〉

상자의 가로, 세로 크기를 지정하는 값의 타입이다.

사용되는 키워드

  • auto

    UA가 자동으로 설정한다. Inline-level 수준의 요소이면 가지고 있는 콘텐츠만큼 너비를 가지며 Block-level 수준이면 기본적으로 상위 요소의 크기에 상대적으로 100%의 너비를 갖는다. 높이 값을 auto로 지정하면 Inline-level 수준의 요소는 높이를 가질 수 없으며 Block-level 수준의 요소는 가지고 있는 콘텐츠만큼 높이가 형성된다.

    min-width/min-height의 경우에는 자동 최소 크기를 지정하는데 0으로 해석된다.

  • max-content

    관련 축의 최대 콘텐츠를 사용하여 크기를 사용한다. Block-level 수준의 요소에게 명시적으로 크기를 지정하지 않는 한 auto와 동일하다.

  • min-content

    관련 축에서 최소 콘텐츠의 크기를 사용한다. auto로 지정하는 것과 동일하다.

  • none

    크기에 제한이 없다.

사용되는 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

관련 함수들

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

  • 〈width-height〉autoCSS1

    기본 값으로 내용물이 차지하는 높이만큼 설정한다.

구문

  • object.style.height = "500px";CSS1

    자바스크립트 형식

테스트 도구

(1) 요소의 크기를 설정하는 테스트

(2) 박스의 크기를 설정하는 속성들에 대한 테스트

지원 웹브라우저