[CSS]텍스트 편집하기

텍스트 편집시 활용될수 있는 몇 가지 스타일쉬트입니다.

 

1. 글자의 간격을 지정할 때(letter-spacing)

 

<P style="letter-spacing:0.5em;">글자의 간격을 0.5em으로 설정했으므로 반 칸씩 이동하게 됩니다. 1em 은 기본 글꼴 하나만큼의 간격입니다.</p>

 

2. 텍스트에 밑줄을 그어줄 때(text-decoration)

 

<p style="text-decoration:underline">글자에 밑줄을 그어줍니다.</p>

<p style="text-decoration:overline">글자에 윗줄을 그어줍니다.</p>

<p style="text-decoration:line-through">글자 중앙으로 줄을 그어줍니다.</p>

 

3. 텍스트의 줄 간격을 지정할 때(line-height)

 

<p style="line-height:15pt">텍스트의 내용이 두 줄 이상일때 한줄한줄의 줄 간격을 지정해줍니다. 여기서는 15pt로 지정되었네요..^^</p>