더 "Try it Yourself" 아래의 예.
정의 및 사용
텍스트 그림자 속성은 텍스트에 그림자를 추가합니다.
이 속성은 그림자의 쉼표로 구분 된 목록은 텍스트에 적용 할 받아들입니다.
기본값: | none |
---|---|
상속 : | yes |
애니메이션 : | yes. Read about animatable Try it |
번역: | CSS3 |
자바 스크립트 구문 : | object .style.textShadow="2px 5px 5px red" Try it |
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
재산 | |||||
---|---|---|---|---|---|
text-shadow | 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
CSS 구문
text-shadow:h-shadow v-shadow blur-radius color|none|initial|inherit;
Note: 텍스트에 하나 이상의 그림자를 추가 그림자의 쉼표로 구분 된 목록을 추가하려면.
속성 값
값 | 기술 | 플레이 |
---|---|---|
h-shadow | 필요합니다. 수평 그림자의 위치입니다. 음수 값이 허용됩니다 | »플레이 |
v-shadow | 필요합니다. 수직 그림자의 위치입니다. 음수 값이 허용됩니다 | »플레이 |
blur-radius | 선택 과목. 흐림 반경. 기본값은 0입니다 | »플레이 |
color | 선택 과목. 그림자의 색상입니다. 봐 CSS 색상 값 가능한 색상 값의 전체 목록 | »플레이 |
none | 기본값. 그림자 없음 | »플레이 |
initial | 기본값으로이 속성을 설정합니다. 초기에 대해 알아보기 | »플레이 |
inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
더 예
예
이 예는 빨간색과 파란색 네온 빛이 함께 텍스트 그림자를 보여줍니다
h1 {
text-shadow: 0 0 3px #FF0000,
0 0 5px #0000FF;
}
»그것을 자신을 시도 관련 페이지
CSS3 튜토리얼 : CSS3 텍스트 효과
HTML DOM 참조 : textShadow property