CSS Types

CSS Types

Editing

<shadow>

box-shadow 속성의 그림자 효과 설정값을 나타낸다.

구문

  • CSS Backgrounds and Borders Module Level 3
    <color>? && [<length>{2} <length [0,∞]>? <length>?] && inset?
    color
    그림자의 색상을 지정한다. 기본 값은 currentColor 이다.
    첫번째 <length>
    그림자의 수평 오프셋을 지정한다. 양수 값은 오른쪽, 음수 값은 왼쪽으로 이동한다.
    두번째 <length>
    그림자의 수직 오프셋을 지정한다. 양수 값은 아래쪽, 음수 값은 위쪽으로 이동한다.
    세번째 <length>
    그림자의 흐림 반경을 지정한다. 음수 값은 허용하지 않는다. 0을 지정하면 그림자의 가장자리는 선명하다.
    네번째 <length>
    그림자의 확산 거리를 지정한다. 양수 값을 지정하면 그림자가 지정된 반경만큼 모든 방향으로 확장된다. 음수 값은 그림자를 축소시킨다.
    inset
    그림자가 요소 안쪽에서 형성된다. 마치 안쪽을 오려낼 경우 생기는 그림자와 같은 효과를 만든다.

사용되는 키워드

키워드요약
inset

외부 상자 그림자에서 내부 상자 그림자로 변경한다.

사용되는 타입

버전 명세

Modules
Module NameStatusSummary
CSS Backgrounds and Borders Module Level 3

Last review date: 2022-7-9