text-shadow

Summary

텍스트에 그림자 효과를 지정한다.

값	none | [<색상> || <길이> <길이> <길이>?,]* [<색상> || <길이> <길이> <길이>?] | inherit
기본값	none
적용대상	모든요소
상속	상속안됨
퍼센테이지	지정불가
미디어	Visual

Value

• 색상 : 그림자의 색상 지정
• 길이 : 그림자 크기나 간격(offset)지정.
  첫번째 길이값은 오른쪽으로의 수평 거리 지정. 음수 지정 가능. 음수는 왼쪽으로의 수평 거리 지정
  두번째 길이 값은 텍스트 아래로의 수직 거리 지정. 음수 지정 가능. 음수는 위로의 수직 거리 지정
  세번째 길이 값은 흐림 반경을 지정한다.
  색상값은 길이값 전후에 위치 시킬 수 있다.
  색상값이 지정되지 않으면 color 속성값이 대신 사용된다.

Tip

1. 다음과 같이 사용할 수 있다. [sample]

   h3 {
       text-shadow : 3px 3px 5px gray;
   }

2. 그림자 효과는 쉼표를 이용하여 여러번 지정할 수 있다.
3. 그림자 효과는 박스의 크기를 벗어날 수는 있으나 박스의 크기를 변경시키지는 않는다.