CSS3 텍스트 그림자 속성
브라우저 지원
표의 수치 속성의 버전 번호를 먼저 지원 브라우저를 나타낸다.
属性 | |||||
---|---|---|---|---|---|
text-shadow | 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
정의 및 지침을 속성
텍스트 그림자 속성은 그림자 텍스트를 적용합니다.
기본값 : | 없음 |
---|---|
상속 : | 예 |
버전 : | CSS3 |
자바 스크립트 구문 : | .style.textShadow = "2 픽셀 2 픽셀 번호의 FF0000 개체" |
문법
text-shadow:h-shadow v-shadow blur color;
주 : 텍스트 그림자 재산권 하나 섀도 텍스트 더 접속된다.속성마다 두 개 또는 세 개의 길이 값을 쉼표로 구분 옵션으로 색상 값을 지정, 그림자입니다. 0의 길이를 보냈다.
값 | 기술 |
---|---|
시간 그림자 | 필요합니다. 수평 그림자의 위치. 부정적인 허용합니다. |
V-그림자 | 필요합니다. 그림자의 세로 위치입니다. 부정적인 허용합니다. |
흐림 | 선택 사항. 퍼지 거리. |
색 | 선택 사항. 그림자 색상입니다. 참조 CSS 색상 값 . |
더 많은 예제
텍스트 그림자 흐림
이 예는 텍스트 그림자 흐림 효과를 보여줍니다.
텍스트 그림자에 흰색 텍스트
이 예는 흰색 텍스트 텍스트 그림자를 보여줍니다.
네온 빛 텍스트 그림자
이 예는 네온 빛 텍스트 그림자를 사용하는 방법을 보여줍니다.
관련 기사
CSS3 튜토리얼 : 텍스트 효과 CSS3