웹스터디

line-height

토픽 웹스터디 > CSS Dictionary

Summary

인라인 박스의 높이를 지정한다.

normal | <실수> | <길이> | <백분율> | inherit
기본값 normal
적용대상 모든요소
상속 상속됨
퍼센테이지 엘리먼트 자체의 글꼴 크기를 참조
미디어 Visual

Value

  • normal : 브라우저는 해당 요소의 글꼴 크기를 기준으로 인라인박스의 높이를 계산하는데 그 값이 1.0에서 1.2사이가 될것으 추천한다.
  • 실수 : 단위를 포함하지 않는 실수를 지정한다. 음수값은 사용할 수 없다.
  • 길이 : 인라인박스의 높이를 고정값으로 지정한다.  음수값은 사용할 수 없다.
  • 백분율 : 글꼴 크기에 대한 퍼센테이지로 지정한다. 음수값은 사용할 수 없다.

Tip

  1. 다음과 같이 사용할 수 있다.
    p {
        font-size: 1em;
        line-height: 1.6em;
    }

댓글

댓글 본문
  1. 하루링
    안녕하세요 생활코딩님 동영상강의 잘듣고 있습니다! 오타가 있어서요 normal : 브라우저는 해당 요소의 글꼴 크기를 기준으로 인라인박스의 높이를 계산하는데 그 값이 1.0에서 1.2사이가 될것으 추천한다. 에서 될것으로? 글자가 빠졌습니당 ㅠ
  2. 푸른하늘
    10일차 공부 감사합니다