생활코딩

Coding Everybody

코스 전체목록

닫기

text-shadow

Summary

텍스트에 그림자 효과를 지정한다.

none | [<색상> || <길이> <길이> <길이>?,]* [<색상> || <길이> <길이> <길이>?] | inherit
기본값 none
적용대상 모든요소
상속 상속안됨
퍼센테이지 지정불가
미디어 Visual

Value

  • 색상 : 그림자의 색상 지정
  • 길이 : 그림자 크기나 간격(offset)지정.
    첫번째 길이값은 오른쪽으로의 수평 거리 지정. 음수 지정 가능. 음수는 왼쪽으로의 수평 거리 지정
    두번째 길이 값은 텍스트 아래로의 수직 거리 지정. 음수 지정 가능. 음수는 위로의 수직 거리 지정
    세번째 길이 값은 흐림 반경을 지정한다.
    색상값은 길이값 전후에 위치 시킬 수 있다.
    색상값이 지정되지 않으면 color 속성값이 대신 사용된다.

Tip

  1. 다음과 같이 사용할 수 있다. [sample]
    h3 {
        text-shadow : 3px 3px 5px gray;
    }
  2. 그림자 효과는 쉼표를 이용하여 여러번 지정할 수 있다.
  3. 그림자 효과는 박스의 크기를 벗어날 수는 있으나 박스의 크기를 변경시키지는 않는다.

댓글

오류나 오타 신고 환영합니다. ^^;;
(도와주세요!)

댓글 본문
  1. 푸른하늘
    10일차 공부 감사합니다
graphittie 자세히 보기