스타일 textShadow 속성
예시
텍스트에 그림자 추가:
document.getElementById("demo").style.textShadow = "5px 5px 1px #ff0000, 10px 10px 1px #0000ff";
정의 및 사용
textShadow 속성은 텍스트에 대해 하나 이상의 그림자 효과를 설정하거나 반환합니다.
브라우저 지원
Property | |||||
---|---|---|---|---|---|
textShadow | Yes | 10.0 | Yes | Yes | Yes |
통사론
textShadow 속성을 반환합니다.
object.style.textShadow
textShadow 속성을 설정합니다.
object.style.textShadow = "none|h-shadow v-shadow blur color|initial|inherit"
참고: textShadow 속성은 텍스트에 하나 이상의 그림자를 첨부합니다. 속성은 쉼표로 구분된 그림자 목록으로, 각각은 2개 또는 3개의 길이 값과 선택적 색상으로 지정됩니다. 생략된 길이는 0입니다.
속성 값
Value | Description |
---|---|
none | No shadow is drawn. This is default |
h-shadow | Required. The position of the horizontal shadow. Negative values are allowed |
v-shadow | Required. The position of the vertical shadow. Negative values are allowed |
blur | Optional. The blur distance |
color | Optional. The color of the shadow. Look at CSS Color Values for a complete list of possible color values |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
기술적 세부 사항
기본값: | 없음 |
---|---|
반환 값: | 요소의 텍스트에 적용된 그림자 효과의 쉼표로 구분된 목록을 나타내는 문자열 |
CSS 버전 | CSS3 |
더 많은 예
예시
텍스트 그림자 반환:
alert(document.getElementById("myP").style.textShadow);
관련 페이지
CSS 튜토리얼: CSS3 텍스트 효과
CSS 참조: 텍스트 그림자 속성
❮ 스타일 개체