CSS 참조 지침서

CSS @규칙(RULES)

text-shadow CSS属性将一个或多个文本阴影效果应用于元素的文本内容。每个文本阴影效果必须指定阴影偏移量，并且可以选择指定模糊半径和阴影颜色。

下表为此属性的用法说明和版本历史记录，以及该属性在javascript脚本中的使用语法。

默认值：	none
适用于：	所有元素。它也适用于::first-letter和::first-line。
继承：	是
可动画制作：	是。请参考动画属性。
版本：	CSS3的新功能
JavaScript语法：	object.style.textShadow="2px 2px #ff0000"

文本阴影效果按照指定的顺序应用，因此可能会彼此重叠，但它们永远不会覆盖文本本身。
阴暗偏移值之后可以指定模糊半径；它是一个长度值，代表模糊效果的大小。
그림자의 색상 값을 이동 길이 값 앞이나 뒤에 지정할 수 있습니다. 그림자의 색상을 지정하지 않으면 CSS의 기본 색상을 사용합니다. color속성 값.

이 속성의 문법은 다음과 같습니다:

text-shadow:　shadow1　,　shadow2,　...　shadowN]　|　none　|　inherit　
　　　　　　　　　　　　　where　shadow　is:　[offset-x　offset-y　blur-radius　color]

아래 예제는 text-shadow 속성.

예제

　　h1　{
　　　text-shadow:　2px　2px　5px　#000;
　　}
　　p　{
　　　text-shadow:　1px　1px　2px　rgba(0,0,0,0.5);
　　}

주의:두 그림자 이동 값이 모두 0으로 설정된 경우, 그림자는 텍스트 뒤에 배치되며, 지정된 흐림 반지름에서 흐림 효과가 발생할 수 있습니다.

아래 표는 이 속성의 값을 설명합니다.

값	설명
필수 -속성에 다음 값을 지정해야 합니다.
h-shadow	필수. 세로 그림자의 위치. 음수 값을 허용합니다.
v-shadow	필수. 가로 그림자의 위치. 음수 값을 허용합니다.
선택 사항 -아래 값은 선택 사항입니다.
blur	ぼや음 크기를 지정합니다.
color	그림자의 색상을 지정합니다. 확인CSS 색상 값으로 가능한 색상 값 목록을 얻기 위해 사용됩니다.
inherit	지정된 경우, 부모 요소의 text-shadow의 속성 값.

text-shadow 속성의 브라우저 호환성을 확인하십시오. 아래 표의 숫자는 해당 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다. 모든 주요 브라우저는 이 속성을 지원합니다.

	Firefox 3。5+ Google Chrome2+ Internet Explorer 10+ Apple Safari 1。1+ Opera 9。5+

경고: Internet Explorer 7와 더 이전 버전은 값 thừa kế를 지원하지 않습니다。IE8thừa kế가 지원되지만 필요합니다.<!DOCTYPE>。IE9thừa kế가 지원됩니다。

아래 튜토리얼을 참조하십시오:CSS Text。