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 }
P {text-decoration: underline }
</STYLE>
<BODY>
<A href="http://www.chosun.com">밑줄이 없는 링크이다.</A>
<BR>
<P>링크는 아니지만 밑줄을 치자.</P>
<BODY>
</HTML>

Blink는 익스플로러 4.0에서 지원되지 않는다.

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

글자의 오른쪽과 아랫쪽에 그림자를 넣을 수 있도록 한다.

모든 element에 적용할 수 있고, 유전되지 않는다.

초기값은 none이다.

<HTML>
<HEAD>
<STYLE type="text/css">
P {text-shadow: red}
</STYLE>
<BODY>
<P>빨간 그림자</P>
<BODY>
</HTML>

※ 익스플로러 4.0에서 아직 지원되지 않는다.