더북(TheBook)

6.2.8 text-decoration 속성

text-decoration 속성은 텍스트를 꾸며 주기 위해 사용합니다. 여기서 꾸민다는 것은 텍스트에 선을 긋는 것을 말합니다.

형식

text-decoration:<속성값>;

사용할 수 있는 속성값은 다음 표와 같습니다.

표 6-7 text-decoration 속성값

속성값

설명

none

텍스트 장식을 모두 지웁니다.

line-through

텍스트 중간을 관통하는 선을 긋습니다.

overline

텍스트 위에 선을 긋습니다.

underline

텍스트 아래에 선을 긋습니다.

a 태그를 사용하면 기본으로 텍스트 아래에 선이 그어지던 것을 기억하나요? 이는 기본 스타일 시트에 의해 a 태그에 이미 text-decoration 속성값으로 underline을 적용했기 때문입니다.

그림 6-13 a 태그의 웹 브라우저 표시 모습

여기서 a 태그의 밑줄을 제거하고 싶으면 text-decoration 속성을 none 값으로 지정하면 됩니다.

06/02/text-decoration.html

a{
  text-decoration:none;
}
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.