길/CSS

line-height

7he8oy 2021. 1. 24. 08:41

기본적으로 부모 값을 상속한다.

 

 

line-height은

px을 이용하여 고정할 수도 있고

rem/em을 이용하여 상속 받아 사용할 수 있다.

 

혹은 그냥 숫자만 입력할 수 있다.

숫자를 입력하면 폰트 사이즈를 기준으로 입력된 숫자를 배율로 적용하여 행간이 정해지는 것으로 보인다.

 

따라서 숫자를 이용하여 정하는 것이 다양한 폰트 사이즈에 따른 상대적인 행간을 적용하기 좋은 것으로 보인다.

 

rem이나 em을 사용한다면

루트나 부모에서의 행간 수치에 대해 배수로 적용되기 때문에,

원하는 태그 안에 있는 폰트가 해당 수치보다 크면 글자가 겹쳐지게 된다.

 

' > CSS' 카테고리의 다른 글

child element를 중앙에 위치시키는 법  (0) 2021.02.06
Flexbox  (0) 2021.01.24
box model  (0) 2021.01.21
id vs class  (0) 2021.01.21
background 속성  (0) 2021.01.21