Text-Shadow
개요 :
이 속성은 요소의 글자에 그림자 효과를 지정한다. 글자의 그림자는 화면의 배치에 영향을 주지 않는다.
정의
text-shadow |
설명 |
값 |
none | [<color> || <길이> <길이> <길이>?,]* [<color> || <길이> <길이> <길이>?] | inherit |
기본값 |
none |
적용대상 |
모든 요소 |
상속 |
안됨 |
백분율 |
사용 불가 |
미디어 |
visual |
값
값 |
설명 |
<색상> |
그림자 색상을 지정한다. |
<길이> |
그림자 크기나 간격(offset) 지정한다. |
inherit |
부모 요소의 값을 상속 하도록 지정한다. |
- 그림자 효과를 쉼표(,)로 분리해서 여러번 지정 할 수 있다.
- 그림자 효과의 크기는 박스의 크기를 벗어날 수 있으나, 배치에 영향을 주지 않는다.
- 두개의 <길이> <길이>는 각각 수평(x축) 거리와 수직(y축) 간격을 지정한다.
- 세개의 <길이> <길이> <길이>는 각각 수평(x축) 거리와 수직(y축) 간격, 흐림 반경(blur radius)를 지정한 다.
- <색상>은 <길이> 묶음 전/후에 위치 할 수 있으며, 지정하지 않으면 글자의 색상 (color)를 상속받는다.
------------------------------------------------------------------------------------------------------------------------------------------
''.' Programs > CSS' 카테고리의 다른 글
Text-Decoration (0) | 2012.03.20 |
---|---|
Text-TransForm (0) | 2012.03.20 |
Direction (0) | 2012.03.20 |
Color (0) | 2012.03.20 |
Background-Color (0) | 2012.03.20 |