글자에 그림자 효과를 줄 때 사용 - text-shadow
로빈아빠
본문
text-shadow
글자에 그림자 효과를 줄 때 사용합니다.
기본 정보
| 초기값 | none |
| 상속 | no |
| 적용 범위 | 모든 요소 |
속성값
| 값 | 설명 | IE | NN |
| none |
글자에 그림자 효과를 적용하지 않습니다. | - | - |
| color |
그림자 색깔을 색깔 이름(red, yellow 등)이나 RGB 코드값(#ff0000 또는 rgb(255,0,0))으로 지정합니다. | - | - |
| length |
그림자 효과의 수직 시작점(vertical offset), 수평 시작점(horizontal offset), 반경(blur radius)을 공백 문자로 구분하여 지정합니다. | - | - |
IE = 이 값을 지원하는 인터넷 익스플로러의 최소 버전
NN = 이 값을 지원하는 넷스케이프의 최소 버전
예제
P { text-shadow: red 2px 2px 3px }
H2 { text-shadow: 3px 3px red, yellow -3px 3px 2px, 3px -3px }
text-shadow의 색깔 속성값이 생략되었을 때는 요소의 색깔 속성으로 표시됩니다.
관련링크
댓글목록
등록된 댓글이 없습니다.