text-decoration_underline, overline, line-through, none

text-decoration을 사용하면 텍스트를 몇 가지 방법으로 꾸밀 수 있다.

Underline

underline 값을 사용하면 밑줄이 그어진다.

 

Overline

overline 값을 사용하면 글 위에 줄이 그어진다.

 

Line-through

line-through 값을 사용하면 줄이 글을 관통한다.

 

None

none 값을 사용하면 아무 줄도 없다.

이게 기본 값!

 

 

<a> 태그와 사용

사실 제가 text-decoration을 가장 많이 사용하는 경우는 텍스트를 꾸미기 위해서가 아니라 꾸밈을 없애기 위해서이다. <a> 태그는 기본적으로 밑줄이 그어져 있는데, 이걸 없애기 위해서 text-decoration: none;을 사용한다.