표준 순서 (Canonical order)

CSS에서 표준 순서는 별도의 값을 지정(또는 구문 분석)해야 하거나 CSS 속성 값의 일부로 직렬화해야 하는 순서를 참조하는 데 사용됩니다. 표준 순서는 속성의 형식적 문법에 의해 정의되며 일반적으로 단일 단축 값의 일부로 정식 값을 지정해야 하는 순서를 나타냅니다.

예를 들어, background 단축 속성 값은 여러 개의 background-* 기본 속성으로 구성됩니다. 기본 값의 표준 순서는 다음과 같이 정의됩니다.

  1. background-image
  2. background-position (en-US)
  3. background-size (en-US)
  4. background-repeat
  5. background-attachment
  6. background-origin
  7. background-clip
  8. background-color

또한, 해당 문법은 background-size (en-US)의 값을 받게 되면, 반드시 background-position (en-US)의 값 뒤에 슬래시로 구분해서 지정되어야 한다고 정의합니다. 다른 값은 순서에 상관없이 나타날 수 있습니다.

같이 보기