Properties

Properties

Editing
  • account_tree
  • bug_report

line-height

콘텐츠의 행간을 조정한다.

사용 가능한 값 타입

〈'line-height'〉

  • normal | <number> | <length-percentage>
    CSS Inline Layout Module Level 3

사용되는 키워드

  • normal

    글꼴 매트릭을 기반으로 텍스트 라인의 높이를 자동으로 결정한다.

사용되는 타입

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

  • 〈length〉

    숫자와 단위를 사용하여 길이, 크기, 위치를 나타내는 자료형이며 CSS에서 가장 자주 사용한다.

  • 〈number〉

    정수 또는 실수를 표현한다.

  • 〈percentage〉

    어떠한 기준으로 부터 백분율로 표현한다.

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

  • 〈line-height〉normal

    UA(user agent)에 따라 다를 수 있고 데스크탑 웹브라우저는 요소의 font-family에 따라 대략적으로 1.2의 값을 갖는다.

  • 〈number〉number

    단위가 없는 수를 지정한다. 이 값은 글꼴의 크기에 곱하여 그 결과를 높이로 사용한다. 이 방식은 다른 상대적 타입에서 상속으로 발생하는 예기치 않는 문제를 피하는 방법으로 권장된다.

  • 〈length〉length

    단위가 포함된 수를 지정한다. 상대적 단위가 사용되기도 하지만 의도치 못한 결과를 만날 수 있기에 이 경우에는 <number> 타입의 값을 갖는 것이 더 낫다.

  • 〈percentage〉percentage

    글꼴의 크기를 기준으로 상대적인 높이를 지정한다. 가급적 <number> 타입으로 지정할 것을 권장한다.

구문

  • line-height 1.7;

    단위가 없는 수로 지정할 수 있으며 1.7배의 행 간격으로 조정한다.

  • object.style.lineHeight = "2";CSS1

    자바스크립트 형식

테스트 도구

행간을 조정

버전 명세

Modules
Module NameStatusSummary
CSS Inline Layout Module Level 3초안 작업

Last review date: 2022-7-4

지원 웹브라우저