@-규칙

@-규칙은 식별자(identifier)가 뒤따르는 at 기호('@' (U+0040 COMMERCIAL AT))로 시작하는 CSS 문이며 다음 세미콜론(';' (U+003B SEMICOLON)) 또는 다음 CSS 블록 중 먼저 오는 쪽까지 모든 것을 포함합니다.

/* General structure */
@identifier (RULE);

/* Example: tells browser to use UTF-8 character set */
@charset "utf-8";

다음과 같이 식별자가 지정된 각각 다른 구문인 여러 at-규칙이 있습니다:

• @charset — 스타일 시트에 의해 사용되는 문자 집합을 정의함.

• @import — CSS 엔진에게 외부 스타일 시트를 포함하도록 알림.

• @namespace — CSS 엔진에게 모든 콘텐츠가 XML 네임스페이스로 시작하(prefix가 붙)는 것이 고려되어야 함을 알림.

• 중첩 @-규칙 — 중첩 문의 부분 집합으로, 조건부 그룹 규칙 속뿐만 아니라 스타일 시트의 문으로 사용될 수 있습니다:

  • @media — 장치가 미디어 질의(media query)를 사용하여 정의된 조건의 기준을 만족하면 해당 콘텐츠를 적용하는 조건부 그룹 규칙.
  • @supports — 브라우저가 주어진 조건의 기준을 만족하면 해당 콘텐츠를 적용하는 조건부 그룹 규칙.
  • @document Experimental — 스타일 시트가 적용되는 문서가 주어진 조건의 기준을 만족하면 해당 콘텐츠를 적용하는 조건부 그룹 규칙. (CSS Spec 레벨 4로 연기됨)
  • @page — 문서를 출력할 때 적용되는 레이아웃 변화의 양상(aspect)을 설명.
  • @font-face — 다운로드되는 외부 글꼴의 양상을 설명.
  • @keyframes — CSS 애니메이션 sequence 내 중간 단계의 양상을 설명.
  • @counter-style — 미리 정의된 스타일 집합의 일부가 아닌 특정 카운터 스타일을 정의. (Candidate Recommendation 단계이지만, 작성 중인 현재 Gecko에서만 구현됨)
  • @font-feature-values (@swash, @ornaments, @annotation, @stylistic, @styleset 및 @character-variant와 함께) — OpenType에서 다르게 활성화된 기능에 대해 font-variant-alternates에서 일반 이름을 정의. (Candidate Recommendation 단계이지만, 작성 중인 현재 Gekko에서만 구현됨)