CSS Types

CSS Types

Editing

<drop-shadow>

데브딕에서 지정한 색인용 자료 타입

drop-shadow() 함수의 매개 변수 타입을 나타낸다.

구문

  • Filter Effect Module Level 1
    <color>? && <length>{2,3}

    box-shadow 속성 값의 타입으로 해석되지만 선택적인 세 번째 <length> 값은 흐림 반경 대신에 표준 편차이다. <length> 값은 2개 이상에서 최대 3개까지 선택적으로 작성하며 생략하면 0을 기본 값으로 갖는다. <color>도 생략 가능하지만 기본 값은 currentColor를 갖는다.

    작성 순서에 따른 <length> 타입의 값의 의미는 다음과 같다. <color>와  순서가 바뀌어도 관계 없지만 반드시 연속해서 작성되어야 한다.

    • 첫 번째 <length> : 그림자의 수평 오프셋(필수)
    • 두 번째 <length> : 그림자의 수직 오프셋(필수)
    • 세 번째 <length> : 흐림에 대한 표준 편차(선택)

사용되는 타입

버전 명세

Modules
Module NameStatusSummary
Filter Effect Module Level 1편집자 초안

필터 효과는 화면에 표시되기 전에 요소의 렌더링을 처리하는 방식이다.


Last review date: 2022-5-30