본문 바로가기

'.' Programs/CSS

Text-Shadow


Text-Shadow

개요 :

이 속성은 요소의 글자에 그림자 효과를 지정한다. 글자의 그림자는 화면의 배치에 영향을 주지 않는다.

정의

text-shadow

설명

none | [<color> || <길이> <길이> <길이>?,]* [<color> || <길이> <길이> <길이>?] | inherit

기본값

none

적용대상

모든 요소

상속

안됨

백분율

사용 불가

미디어

visual

설명

<색상>

그림자 색상을 지정한다.

<길이>

그림자 크기나 간격(offset) 지정한다.

inherit

부모 요소의 값을 상속 하도록 지정한다.

  • 그림자 효과를 쉼표(,)로 분리해서 여러번 지정 할 수 있다.
  • 그림자 효과의 크기는 박스의 크기를 벗어날 수 있으나, 배치에 영향을 주지 않는다.
  • 두개의 <길이> <길이>는 각각 수평(x축) 거리와 수직(y축) 간격을 지정한다.
  • 세개의 <길이> <길이> <길이>는 각각 수평(x축) 거리와 수직(y축) 간격, 흐림 반경(blur radius)를 지정한 다.
  • <색상>은 <길이> 묶음 전/후에 위치 할 수 있으며, 지정하지 않으면 글자의 색상 (color)를 상속받는다.

------------------------------------------------------------------------------------------------------------------------------------------

''.' Programs > CSS' 카테고리의 다른 글

Text-Decoration  (0) 2012.03.20
Text-TransForm  (0) 2012.03.20
Direction  (0) 2012.03.20
Color  (0) 2012.03.20
Background-Color  (0) 2012.03.20