자간, 행간, 어간 조절

 

 

자간 (글자 사이의 간격) 조절 : letter-spacing

다음과 같이 자간을 조절할 수 있다.

 

letter-spacing: normal;

letter-spacing: .2rem;   

letter-spacing: 1px;

letter-spacing: -1px;

 

 

 

행간 (텍스트 줄의 간격) 조절 : line-height

다음과 같이 행간을 조절할 수 있다.

 

line-height: normal;

line-height: 3.5;

line-height: 2em;

line-height: 140%;

line-height: 30px;

 

 

어간 (단어 사이의 간격) 조절 : word-spacing

다음과 같이 어간을 조절할 수 있다.

 

word-spacing: normal;

word-spacing: 1rem;

word-spacing: 4px;

word-spacing: 120%;

word-spacing: -.4ch;

 

 

 

 

 

 

MDN web docs에서 더 자세히 알아보기

line-height