@layer

선언

• CSS Cascading and Inheritance Level 5

  @layer <layer-name>? { <stylesheet>
  }

  <layer-name>은 선택 사항이며 명시하지 않으면 익명 캐스케이드 레이어로 생성된다. 명명된 레이어와 동일한 방식으로 작동하지만 나중에 규칙을 할당할 수 없다. 익명 레이어의 우선 순위는 이름 지정 여부와 관계없이 레이어가 선언된 순서이며 레이어 외부에 선언된 스타일보다 낮다.

• CSS Cascading and Inheritance Level 5

  @layer <layer-name>#;

  스타일 규칙을 할당하지 않고 레이어 이름만 제공하여 새 레이어를 정의할 수 있다. 하나 이상의 <layer-name>을 쉼표로 구분하여 목록으로 작성할 수 있으며 작성 순서에 따라 우선 순위가 정해진다. 레이어 이름만을 정의했으므로 이후에 <stylesheet>를 선언해야 한다.

포함된 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.

• <layer-name>

  구문상 명시적 레이어 이름으로  @layer 및 @import 규칙에서 표시되며 마침표로 구분된 <ident> 토큰의 목록으로 공백이 없다.

  • CSS Cascading and Inheritance Level 5

    <ident> [ '.' <ident> ]*

  Details

  포함된 타입

  • <ident>

    식별자로 사용되는 임의의 문자열을 나타낸다.

• <stylesheet>

  규칙 목록을 나타낸다. <rule-list>와 동일해 보이는데 이를 사용하는 블록은 특정 컨텍스트로 제한되지 않는 모든 규칙을 기본적으로 허용한다는 점을 제외하면 실제로 동일하다.

  정규화된 규칙으로서 구성 요소 값의 목록으로 구성되며 서두와 단순한 { }으로 구성된 블록 형식을 갖는다. CSS에서 대부분의 정규화된 규칙은 스타일 규칙이며 서두는 선택자(selector)이고 { } 블록은 속성의 선언 목록을 갖는다.