Text-shadow 편집

Table of Contents (보이기↓)

edit

개요

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

edit

정의

Text-shadow설명
값none | [<색상?> || <길이> <길이> <길이>?,]* [<색상?> || <길이> <길이> <길이>?] | inherit
기본값none
적용대상모든 요소
상속안됨
백분율사용 불가
미디어visual

edit

값

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

edit

예제

준비 중입니다.

edit

브라우저 호환성

Wiki Trail: < text-transform | 문서 목록 | direction >

 
Be Friend~! Be Friend~!