생활 웹디자인

height

토픽 생활 웹디자인 > 외양의 CSS > CSS Dictionary

Summary

블럭레벨 요소의 높이를 지정한다.

<길이> | <백분율> | auto | inherit
기본값 auto
적용대상 비치환 인라인 요소, 테이블의 행/행그룹을 제외한 모든 요소
상속 상속안됨
퍼센테이지 용기블럭의 높이를 참조
미디어 Visual

Value

  • 길이 : 고정된 값을 지정. 음수값은 지정할 수 없다.
  • 백분율 : 부모 요소를 기준으로 계산된다. 음수값은 지정할 수 없다.
  • auto : 다른 속성들의 값에 따라 적용된다.

Tip

  1. 위에서 말하는 치환 요소란 img, object, input, select, textarea등처럼 안에 내용이 외부의 리소스나 브라우저에 따라 결정되는 인라인 요소를 말한다.
    비치환 요소란 em, strong요소처럼 요소의 내용이 외부의 리소스나 브라우저에 따라 치환되지 않는 인라인 요소를 말한다.
  2. 다음과 같이 사용할 수 있다.
    div {
        height: 500px;
    }

댓글

댓글 본문
  1. 푸른하늘
    10일차 공부 감사합니다