Text-Shadow

Text-Shadow

개요 :

이 속성은 요소의 글자에 그림자 효과를 지정한다. 글자의 그림자는 화면의 배치에 영향을 주지 않는다.

정의

text-shadow	설명
값	none | [<color> || <길이> <길이> <길이>?,]* [<color> || <길이> <길이> <길이>?] | inherit
기본값	none
적용대상	모든 요소
상속	안됨
백분율	사용 불가
미디어	visual

값

값	설명
<색상>	그림자 색상을 지정한다.
<길이>	그림자 크기나 간격(offset) 지정한다.
inherit	부모 요소의 값을 상속 하도록 지정한다.

• 그림자 효과를 쉼표(,)로 분리해서 여러번 지정 할 수 있다.
• 그림자 효과의 크기는 박스의 크기를 벗어날 수 있으나, 배치에 영향을 주지 않는다.
• 두개의 <길이> <길이>는 각각 수평(x축) 거리와 수직(y축) 간격을 지정한다.
• 세개의 <길이> <길이> <길이>는 각각 수평(x축) 거리와 수직(y축) 간격, 흐림 반경(blur radius)를 지정한 다.
• <색상>은 <길이> 묶음 전/후에 위치 할 수 있으며, 지정하지 않으면 글자의 색상 (color)를 상속받는다.

------------------------------------------------------------------------------------------------------------------------------------------