Text-decoration, text-shadow 속성
◀    ■     ▶

Element 안에서 문자열을 장식하는데 사용한다. 문자열이 들어있지 않은 IMG와 같은 element에는 아무 영향을 끼치지 않는다.

기호 설명

A | B : A 또는 B 중의 하나이다.
A || B : A 또는 B 중의 하나, 또는 둘 다이다.
[  ] : 일반적인 괄호의 의미이다.

A* : A가 0번 이상 여러번 나올 수 있다.

text-decoration : none | [ underline || overline || line-through || blink ]

모든 element에 적용할 수 있고, 유전되지 않는다.
초기값은 none이다.
<HTML>
<HEAD>
<STYLE type="text/css">
A:link, A:visited, A:active { text-decoration: none } 
SPAN {text-decoration : underline }
</STYLE>
<BODY>
<A href="http://www.chosun.com">밑줄이 없는 링크이다.</A>
<BR>
<SPAN>링크는 아니지만 밑줄을 치자.</SPAN>
<BODY>
</HTML> 이렇게 나와요
Blink는 익스플로러 4.0에서 지원되지 않는다.

text-shadow : none | <색이름 또는 RGB값> [, <색이름 또는 RGB값> ]*

글자의 오른쪽과 아랫쪽에 그림자를 넣을 수 있도록 한다.
모든 element에 적용할 수 있고, 유전되지 않는다.
초기값은 none이다.
<HTML>
<HEAD>
<STYLE type="text/css">
SPAN {text-shadow : red} 
</STYLE>
<BODY>
<SPAN>빨간 그림자</SPAN>
<BODY>
</HTML> 이렇게 나와요
※ 익스플로러 4.0에서 아직 지원되지 않는다.

◀    ■     ▶