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;
}