Summary
텍스트에 그림자 효과를 지정한다.
값 | none | [<색상> || <길이> <길이> <길이>?,]* [<색상> || <길이> <길이> <길이>?] | inherit |
---|---|
기본값 | none |
적용대상 | 모든요소 |
상속 | 상속안됨 |
퍼센테이지 | 지정불가 |
미디어 | Visual |
Value
- 색상 : 그림자의 색상 지정
- 길이 : 그림자 크기나 간격(offset)지정.
첫번째 길이값은 오른쪽으로의 수평 거리 지정. 음수 지정 가능. 음수는 왼쪽으로의 수평 거리 지정
두번째 길이 값은 텍스트 아래로의 수직 거리 지정. 음수 지정 가능. 음수는 위로의 수직 거리 지정
세번째 길이 값은 흐림 반경을 지정한다.
색상값은 길이값 전후에 위치 시킬 수 있다.
색상값이 지정되지 않으면 color 속성값이 대신 사용된다.
Tip
- 다음과 같이 사용할 수 있다. [sample]
h3 { text-shadow : 3px 3px 5px gray; }
- 그림자 효과는 쉼표를 이용하여 여러번 지정할 수 있다.
- 그림자 효과는 박스의 크기를 벗어날 수는 있으나 박스의 크기를 변경시키지는 않는다.