line-height

줄 높이를 지정

 

 

속성 값

값	의미	기본 값
normal	브라우저의 기본 정의를 사용(1~1.4)	normal
숫자	요소 자체 글꼴 크기의 배수로 지정	단위를 설정하지 않을 경우 사용 가능
단위	px, em, cm 등 단위로 지정
%	요소 자체 글꼴 크기의 비율로 지정

보통 글자의 높이를 지정하는데 font-size의 두배로 사용하고 싶다. 하지만 수정할때마다 높이와 글자크기를 계산하면서 코딩을 짜고 싶지않다. 했을때는 숫자로 글꼴 크기의 배수로 지정하는것도 방법이다.

 

 

예를들어)

div {
  line-height : 32px;
}

div {
  line-height : 2;
}

16px의 두배인 32px을 지정하는것과 배수 2를 지정하는것은 같은 모습으로 출력이 된다.

 

div {
  font-size : 30px;
  line-height : 1.5;
}

다음과 같이 글자크기와 높이를 지정할 수 있다. 보통 높이는 1.4~1.7을 많이 사용하며 이정도 높이를 추천한다.