표준 순서 (Canonical order)
CSS에서 표준 순서는 별도의 값을 지정(또는 구문 분석)해야 하거나 CSS 속성 값의 일부로 직렬화해야 하는 순서를 참조하는 데 사용됩니다. 표준 순서는 속성의 형식적 문법에 의해 정의되며 일반적으로 단일 단축 값의 일부로 정식 값을 지정해야 하는 순서를 나타냅니다.
예를 들어, background
단축 속성 값은 여러 개의 background-*
기본 속성으로 구성됩니다. 기본 값의 표준 순서는 다음과 같이 정의됩니다.
background-image
background-position
background-size
background-repeat
background-attachment
background-origin
background-clip
background-color
또한, 해당 문법은 background-size
의 값을 받게 되면, 반드시 background-position
의 값 뒤에 슬래시로 구분해서 지정되어야 한다고 정의합니다. 다른 값은 순서에 상관없이 나타날 수 있습니다.
같이 보기
- StackOverflow의 유용한 추가 토론인 CSS 속성과 관련해 "표준 순서"는 무엇을 의미하나요?
- MDN의 CSS 값에 사용되는 공식 문법에 대한 설명