커뮤니티

고용노동부, 산업인력공단과 함께하는 강원도 유일한 기업중심 IT전문교육기관 ICT융합캠퍼스만의 특별한교육입니다.
공인 IT숙련기술인의 다양한 접근방법으로 전문가다운 실무교육을 받을 수 있습니다.

Category

교육강좌

클라이언트 CSS 사전 - text-shadow

페이지 정보

작성자 관리자 댓글 0건 조회 5,272회 작성일 20-07-20 13:26

본문

text-shadow

Summary

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

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

Value

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

Tip

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

답변목록

등록된 답변이 없습니다.