Line-height, vertical-align 속성


문자열의 아랫선에서 다음 줄에 있는 문자열의 아랫선까지의 높이를 line-height라고 한다.

기호 설명

A | B: A 또는 B 중의 하나이다.

line-height:normal | 숫자 | 길이 | 퍼센트

모든 element에 적용되며, 유전된다.

초기값은 normal이다.

숫자를 쓰면, 해당 element의 "글자 크기×숫자"만큼을 뜻한다.

퍼센트 값은 해당 element의 글자 크기를 기준으로 한다.

DIV{line-height:1.2;font-size:10pt;}
DIV{line-height:1.2em;font-size:10pt;}
DIV{line-height:120%;font-size:10pt;}

위의 세 가지 예는 모두 같은 뜻이다.

vertical-align:top | bottom | middle

한 줄 안에서의 box 간의 수직 정렬 방식을 정한다. Table에서의 vertical-align 속성을 참조한다.