최신 웹 개발 튜토리얼
 

Style textShadow Property

<스타일 개체

텍스트에 그림자를 추가 :

document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000,10px 10px 1px #0000ff";
»그것을 자신을 시도

정의 및 사용

textShadow 속성을 설정하거나 텍스트에 대해 하나 개의 광석 더 그림자 효과를 반환합니다.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

textShadow 속성은 모든 주요 브라우저에서 지원됩니다.

참고 : textShadow 속성은 인터넷 익스플로러 9 및 이전 버전에서는 지원되지 않습니다.


통사론

textShadow 속성을 반환합니다 :

object .style.textShadow

textShadow 속성을 설정 :

object .style.textShadow="none| Note: textShadow 속성은 텍스트에 하나 이상의 그림자를 첨부합니다. 이 건물은 각각 2 개 또는 3 길이 값 및 임의의 색으로 지정된 그림자 쉼표로 구분된다. 생략 길이는 0이다.

속성 값

기술
none 그림자가 그려지지 않습니다. 이 기본이다
h-shadow 필요합니다. 수평 그림자의 위치. 음수 값이 허용됩니다
v-shadow 필요합니다. 수직 그림자의 위치. 음수 값이 허용됩니다
blur 선택 과목. 블러 거리
color 선택 과목. 그림자의 색상입니다. 봐 CSS 색상 값 가능한 색상 값의 전체 목록
initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한
inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기

기술적 세부 사항

기본값: 없음
반환 값 : 그림자 효과 쉼표로 구분을 대표하는 문자열 요소의 문자에인가
CSS 버전 CSS3

더 예

텍스트 그림자를 반환 :

alert(document.getElementById("myP").style.textShadow);
»그것을 자신을 시도

관련 페이지

CSS 튜토리얼 : CSS3 텍스트 효과

CSS 참조 : text-shadow property


<스타일 개체