Text-Shadow

 

개요 :

 

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

 

정의

 text-shadow

설명 

 값

 none | [<color> || <길이> <길이> <길이>?,]* [<color> || <길이> <길이> <길이>?] | inherit

 기본값

none 

 적용대상

모든 요소

 상속

 안됨

 백분율

 사용 불가

 미디어

 visual

 

 값

설명 

 <색상>

 그림자 색상을 지정한다.

 <길이>

 그림자 크기나 간격(offset) 지정한다.

 inherit

 부모 요소의 값을 상속 하도록 지정한다.

 

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