[HTML/CSS] line-height 속성

line-height 속성

• 줄 간격 지정
• 한줄일 경우에만 가운데 정렬을 한다.
• 속성 값
  • nomal : 기본값 보통 1.0~1.2
  • 숫자 : 현재 글꼴 크기 * 배수이다.
    예를 들어 현재 글꼴 크기가 10px이고 line-height:1.5이면 줄간격은 15px가 된다.
  • 길이 : px, pt, cm등 고정된 간격
  • % : 현재 글꼴 크기의 백분율로 높이를 지정
  • 상속 여부 : 상속 됨 
  • 음수값은 지정되지 않는다.
• font 속성과 동시에 줄간격 속성을 지정할 수 있다.
  이때는 font: 1px/1.5 이런식으로 표시한다.

 

line-height 예시

 

See the Pen line-height by 정혜선 (@Diligent-milk) on CodePen.