〈absolute-color-base〉
〈absolute-color-function〉
〈absolute-size〉
유저 에이전트가 계산하고 보관하는 글꼴 크기를 키워드로 나타내는 타입이다.
〈alpha-value〉
0에서 1까지의 소수로 설정이 가능하며 0은 투명, 0.5는 반투명, 1은 불투명을 적용한다. 퍼센트로 적용하는 경우에는 0%에서 100%까지 설정이 가능하며 0%는 투명, 100%는 불투명을 의미한다.
〈an+b〉
An+B 표기법은 원래 다른 CSS와 약간 다른 토큰화자를 사용하여 정의되었기 때문에 CSS 토큰으로 표현할 때 다소 이상하게 정의되지만 :nth-child() 등의 함수형 가상 클래스에서 형제 관계의 요소를 찾는 매우 다양한 공식을 제공한다.
이 공식에서 A(또는 a)와 B(또는 b)는 각각 <interger>의 단계와 오프셋을 의미한다. 모든 양의 정수(n) 또는 n의 0 값에 대해 목록의 An+B번째 요소를 나타낸다. 예를 들면 다음과 같다. 2n+3 2*0+3, 2*1+3, 2*2+3, 2*3+3, .. 를 나타내며 결과적으로 3, 5, 7, 9, .. 값을 가지고 이 순서에 해당하는 모든 형제 요소들과 일치한다. n+7 0+7, 1+7, 2+7, 3+7, ... 를 나타내며 순서상 7번째를 포함한 이후 모든 형제 요소들과 일치한다. -n+3 -0+3, -1+3, -2+3, -3+3, -4+3, ... 를 나타내며 순서상 3번째를 포함한 이전 모든 형제 요소들과 일치한다.
n은 형식 구문에 의하면 아래와 같이 다양한 타입을 가지고 있다. <n-dimension> n 앞에 <integer> 값을 갖는다. <ndash-dimension> n- 앞에 <integer> 값을 갖는다. <ndashdigit-dimension> n- 다음에 0~9 범위의 하나 이상의 숫자를 연속해서 가질 수 있으며 앞에 <integer> 값을 갖는다. <ndashdigit-ident> n- 다음에 0~9 범위의 하나 이상의 숫자를 연속해서 가질 수 있다. <dashndashdigit-ident> -n- 다음에 0~9 범위의 하나 이상의 숫자를 연속해서 가질 수 다.
〈angle-percentage〉
<angle>과 <percentage> 타입 모두 가능한 타입을 나타낸다.
〈angle〉
0~360도 범위의 각도 값을 deg(도), grad(그레이드), rad(라디안), turn(턴) 단위로 표현한다.
<angle> 데이터 타입은 <number> 타입의 값 다음에 사용 가능한 단위를 붙여 구성한다. 숫자와 단위 사이에 공백은 허용하지 않는다. 0인 경우에는 단위를 붙이지 않아도 된다.
선택적으로 +, - 부호를 사용하여 양수와 음수 값을 구분하여 설정할 수 있다. 양수의 경우는 시계 방향, 음수의 경우에는 시계 반대 방향의 회전을 의미한다.
〈angular-color-hint〉
〈angular-color-stop-list〉
색상과 색상 힌트를 나타낸다.
〈angular-color-stop〉
〈animateable-feature〉
〈any-value〉
<declaration-value>와 동일하지만 값이 !인 최상위 수준 <semicolon-token> 및 <delim-token>도 허용한다. 이는 모든 컨텍스트에서 유효한 CSS가 될 수 있는 모든 것을 나타낸다.
〈attachment〉
배경 이미지가 지정된 경우 뷰포트로 부터 고정(fixed), 스크롤(scroll) 또는 콘텐츠와 함께 스크롤(local)할지를 나타내는 타입이다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.
〈attr-type〉
속성 값이 어떤 종류의 CSS 값으로 해석될 것인지(attr() 함수의 결과 값 사용)와 해당 값에 어떤 특수 구문 분석이 수행될 것인지를 나타낸다.
〈auto-repeat〉
〈auto-track-list〉
〈baseline-position〉
기준선 정렬은 정렬 기준선을 일치시켜 공유 정렬 컨텍스트 내에서 여러 정렬 대상을 정렬한다.
〈basic-shape〉
clip-path, shape-outside, offset-path 속성에 사용되는 형태를 나타낸다.
〈bg-image〉
<'background-image'> 속성에 사용되는 값의 타입이다. url() 함수를 사용해서 2차원 이미지를 설정하거나 그라디언트를 설정할 수 있다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.
〈bg-layer〉
배경 레이어가 겹쳐있는 경우 맨 마지막(아래)이(가) 아닌 위치의 배경에 대한 설정 값 타입이다. <'background-color'> 값을 지정할 수 없다.
〈bg-position〉
<'background-position'> 속성에 사용되는 값의 타입이다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.
〈bg-size〉
<'background-size'> 속성에 사용하는 값의 타입이다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.
〈blend-mode〉
요소가 겹쳐 있는 경우 각 요소의 색상이 겹쳐서 보여지는 방식을 정의한다.
〈box〉
배경이 그려지는 영역을 결정하는 배경 페인팅 영역을 설정하는 값을 갖는다.
〈calc-constant〉
〈calc-number-value〉
〈calc-numer-product〉
〈calc-numer-sum〉
〈calc-product〉
곱셈 또는 나누기의 결과값을 나타낸다.
〈calc-sum〉
덧셈(뺄셈 포함)으로 계산되는 값을 나타낸다.
〈calc-value〉
<number>, <dimension>, <percentage>, <calc-sum> 타입의 값을 나타낸다.
〈cf-image〉
cross-fade() 함수의 매개 변수 타입을 나타낸다. 쉼표로 구분해서 추가할 수 있다.
〈clip-source〉
클리핑 소스로 사용할 리소스의 경로를 나타내는 타입이다.
〈color()〉
color() 함수의 인수를 나타내는 타입이다.
〈color-font-tech〉
다양한 유형의 색상 글꼴 파일 기술을 나타낸다.
〈color-interpolation-method〉
〈color-stop-angle〉
〈color-stop-list〉
〈colorspace-params〉
〈color〉
sRGB 색상 공간의 색상값을 나타낸다. 알파 채널 투명도 값을 포함 할 수 있으며, 색상이 배경과 합성되는 방법을 나타낸다. 색을 생성하는 방법은 UA 표준 색상명, 16진수 값 그리고 함수로는 rgb(), rgba(), hsl(), hsla(), hwb(), color(),lab(), lch(), oklab(), oklch() 함수가 있다.
<color> 타입은 다음과 같은 방법으로 값을 정의한다. 키워드 사용 가능한 색상 명, transparent, aqua 등등 RGB 3차원 좌표계 #+16진수 표기법 또는 rgb(), rgba() 함수 HSL 실린더형 좌표계 hsl(), hsla() 함수 CIE(국제조명위원회) 색 공간 lab(), lch(), oklab(), oklch() 사전 정의된 색 공간 color(), sRGB, srgb-linear, display-p3,a98-rgb, prophoto-rgb, rec2020, xyz-d50, xyz-d65, xyz
〈common-lig-values〉
〈compositing-operator〉
〈container-condition〉
컨테이너 쿼리를 위한 조건의 조합을 나타낸다.
〈container-name〉
container-type과 container-name 속성이 정의되어 있는 특정 대상을 나타낸다.
〈content-distribution〉
justify-content, align-content 속성에서 사용된다.
〈content-list〉
〈content-position〉
justify-content, align-content 속성에서 사용된다.
〈content-replacement〉
지정된 <image> 타입으로 채워진 요소 또는 가상 요소를 대체 요소로 생성한다. 지정된 <image> 타입의 값이 유효하지 않은 이미지를 나타내는 경우 투명한 검정색으로 채워진 자연적인 너비와 높이가 0인 이미지를 나타내는 것으로 처리된다.
〈contextual-alt-values〉
〈counter-name〉
<custom-ident> 타입의 카운터의 이름을 나타낸다.
〈counter-style-name〉
트리 범위(tree-scoped)의 이름이며 ASCII 대소문자를 구분하지 않는 <custom-ident> 이다.
〈counter-style〉
〈counter〉
순번 매김같은 값을 문자열이나 이미지로 나타내는 counter() 및 counters() 함수를 통해 생성된 값을 나타낸다.
〈cubic-bezier-easing-function〉
3차 베지어 곡선을 나타내는 값으로 속도 변화를 지정한다.
〈custom-ident〉
임의의 사용자 정의 문자열을 표현한다.
〈custom-property-name〉
〈dashed-ident〉
<custom-ident> 의 하위 타입이며 암시하는 모든 대소문자 구분과 두 개의 대시(U+002D HYPHEN-MINUS)로 시작해야 한다는 추가 제한이 있다.
〈dashndashdigit-ident〉
'-n-*'에 대한 ASCII 대소문자 구분 일치 항목인 <ident-token>이다. '*'는 일련의 하나 이상의 숫자이다.
〈declaration-list〉
선언 목록을 나타낸다. 문법에서 블록의 유일한 값으로만 사용할 수 있으며 선언 목록 처리 알고리즘을 사용하여 블록의 내용을 구문 분석해야 함을 나타낸다.
〈declaration-value〉
<declaration-value> 타입은 시퀀스에 허용되지 않는 토큰이 포함되지 않는 한 하나 이상의 토큰 시퀀스와 일치한다. 유효한 선언이 값으로 가질 수 있는 전체를 나타낸다.
〈declaration〉
구문상에서 선언을 나타낸다.
〈delim-token〉
단일 코드 포인트로 구성된 값을 나타낸다.
〈dimension-token〉
<number> 값이 포함되어 있으며 추가로 'integer' 또는 'number'로 설정된 유형 플래그가 있다. 다르게 설정되지 않은 경우 유형 플래그의 기본값은 'integer'이다. 그리고 하나 이상의 코드 포인트로 구성된 단위가 추가로 있다.
〈dimension-unit〉
리터럴 "%" 문자(값이 "%"인 <delim-token>)와 일치하거나 값이 <length>, <angle>, <time>, <frequency> 또는 <flex> 값(예: px 또는 ms)에 대한 CSS 단위 중 하나인 식별자와 일치한다.
〈dimension〉
단위로 연결된 <number> 타입을 나타낸다. <length>, <angle>, <time>, <resolution>를 포함하는 상위 개념이다.
〈discretionary-lig-values〉
〈display-box〉
〈display-inside〉
〈display-internal〉
〈display-legacy〉
〈display-listitem〉
〈display-outside〉
〈easing-function〉
애니메이션 중 1차원 값이 얼마나 빠르게 변화하는 지를 설명하는 수학 함수를 나타낸다. 이를 통해 움직임의 지속 시간에 대한 속도 변화를 줄 수가 있다.
〈east-asian-variant-values〉
〈east-asian-width-values〉
〈ending-shape〉
〈explicit-track-list〉
〈extent-keyword〉
〈family-name〉
일반 구성이 아닌 글꼴명을 자료로 하는 타입이다. 따옴표로 인용되어야 한다.
〈feature-tag-value〉
〈feature-value-name〉
〈filter-function〉
이미지의 모습을 변형할 수 있는 그래픽 효과를 지정할 수 있다.
〈filter-value-list〉
〈final-bg-layer〉
배경 레이어가 겹쳐있는 경우 맨 마지막(아래)에 위치할 배경에 대한 설정 값 타입이다. <'background-color'> 설정이 가능하다.
〈fixed-breadth〉
〈fixed-repeat〉
〈fixed-size〉
〈font-face-name〉
local() 함수형 구문의 인수로서 더 큰 폰트 패밀리 내에서 단일 폰트를 고유하게 식별하는 문자열이다. 선택적으로 따옴표로 묶을 수 있다. 따옴표로 묶지 않으면 따옴표로 묶지 않은 폰트 패밀리 네임 처리 규칙이 적용되며 이름은 공백으로 구분된 시퀀스여야 한다. 식별자를 하나의 공백으로 구분, 결합하여 문자열로 변환한다.
〈font-feature-tech〉
features-opentype, features-aat, features-graphite 등과 같은 글꼴 기능 지원 기술을 나타낸다.
〈font-format〉
format() 함수형 구문에 인수로 사용되는 값을 나타낸다. 문자열(인수) 폰트 포맷 확장자 "woff" WOFF 1.0 (Web Open Font Format) .woff "woff2" WOFF 2.0 (Web Open Font Format) .woff2 "truetype" TrueType .ttf "opentype" OpenType .ttf, .otf "embedded-opentype" Embedded OpenType .eot "svg" SVG Font(deprecated) .svg, .svgz "collection" OpenType Collection .otc, .ttc
〈font-stretch-css3〉
현재 모든 웹브라우저가 지원한다고 보장할 수 없으므로 확인이 필요하다.
〈font-tech〉
다양한 글꼴 기능 지원 기술을 나타낸다.
〈font-variant-css21〉
〈font-variant-css2〉
〈font-weight-absolute〉
〈frequency〉
목소리의 높낮이 등의 주파수를 나타낸다.
〈function-token〉
〈general-enclosed〉
작성자는 스타일시트에 사용해서는 안된다. 미래 호환성을 위해서만 존재하므로 새로운 구문 추가가 이전(구형) 유저 에이전트의 조건을 너무 많이 무효화하지 않는다.
〈generic-family〉
CSS에서 정의한 일반적으로 사용되는 시스템에 설치된 범주에 속하는 글꼴을 나타내는 타입이다. 따옴표로 인용될 수 없다.
〈geometry-box〉
<basic-shape>과 함께 지정하면 <basic-shape>에 대한 참조 박스를 제공한다.
자체적으로 지정된 경우 모서리 모양을 포함하여 지정된 박스의 가장자리를 클리핑 경로로 사용한다.
〈gradient〉
두 가지 이상의 색상 간 점진적인 전환으로 구성된 특수한 유형의 이미지를 나타낸다.
〈grid-line〉
〈hash-token〉
〈hex-color〉
값이 3, 4, 6 또는 8개의 16진수로 구성된 <hash-token> 토큰이다. 즉 16진수 색상은 해시 문자 '#' 다음에 숫자[0-9], 대소문자 구분이 없는 알파벳 문자[a-f]의 조합으로 작성된다.
〈historical-lig-values〉
〈hsl()〉
hsl() 함수의 매개 변수를 나타낸다. 레거시로 색상(hue), 채도(saturation), 밝기(lightness) 값을 각각 쉼표로 구분된 매개 변수로 지정이 가능하다.
〈hue-interpolation-method〉
〈hue〉
색상환에서 각도로 표시되는 색조 값을 나타낸다.
〈hwb()〉
hwp() 함수에서 사용된 인수의 타입을 나타낸다.
〈id-selector〉
id 식별 값을 사용한 선택자를 나타낸다.
〈ident-token〉
〈ident〉
식별자로 사용되는 임의의 문자열을 나타낸다.
〈image-set-option〉
image-set() 함수의 매개 변수 타입을 나타낸다.
〈image〉
2차원 이미지를 나타낸다.
〈inflexible-breadth〉
<track-breadth> 타입에서 fr 단위가 제외되었다.
〈integer〉
<number-token> 유형 플래그가 'integer'인 소숫점이 없는 정수를 표현한다.
〈isolation-mode〉
〈keyframe-block〉
<keyframe-selector>와 { } 내부의 선언 목록을 갖는 구조를 나타낸다.
〈keyframe-selector〉
쉼표로 구분된 백분율 값 목록 또는 from과 to 키워드로 구성된 값을 나타낸다.
〈keyframes-name〉
animation-name 속성에 사용할 키프레임을 이름을 나타낸다.
〈lab()〉
lab() 함수의 인수를 나타낸다.
〈layer-name〉
구문상 명시적 레이어 이름으로 @layer 및 @import 규칙에서 표시되며 마침표로 구분된 <ident> 토큰의 목록으로 공백이 없다.
〈lch()〉
lch() 함수의 인수를 나타낸다.
〈leader-type〉
〈leader〉
〈length-percentage〉
<length>와 <percentage> 타입을 나타낸다.
〈length〉
숫자와 단위를 사용하여 길이, 크기, 위치를 나타내는 자료형이며 CSS에서 가장 자주 사용한다.
〈line-name-list〉
〈line-names〉
〈line-style〉
선의 종류에 대한 값을 갖는다. solid, dotted, dashed 이외의 값은 선의 두께가 어느 정도 지정되어야 제대로 보여진다.
〈line-width〉
선의 두께를 나타낸다. 숫자와 단위를 사용해서 설정하거나 지정된 키워드를 사용한다.
〈linear-color-hint〉
〈linear-color-stop〉
〈make-source〉
마스크 요소(예: url(commonmasks.svg#mask)) 또는 CSS 이미지에 대한 URL을 나타낸다.
〈mask-layer〉
〈mask-reference〉
〈masking-mode〉
〈media-and〉
이전 <media-in-parens>의 평가 결과에 대한 and 논리 조합을 나타낸다. 즉 and 앞과 뒤의 논리 평가가 모두 true이어야 한다.
〈media-condition-without-or〉
<media-feature>를 평가하는 <media-or>를 제외한 논리의 조합을 나타낸다.
〈media-condition〉
<media-feature>를 평가하는 논리의 조합을 나타낸다.
〈media-feature〉
콘텐츠가 사용 중인 장치의 특성을 나타낸다.
〈media-in-parens〉
괄호 안의 평가식을 나타낸다.
〈media-not〉
평가의 결과를 부정한다. 예를 들어서 true일 경우 최종 평가는 false이다.
〈media-or〉
이전 <media-in-parens>의 평가 결과에 대한 or 논리 조합을 나타낸다. 즉 or 앞과 뒤의 논리 평가가 하나 이상 true이어야 한다.
〈media-query-list〉
쉼표로 구분된 하나 이상의 <media-query> 목록을 나타낸다.
〈media-query〉
콘텐츠가 사용 중인 장치에 대해 CSS 적용 여부를 판단하기 위한 구문을 나타낸다.
〈media-type〉
미디어의 유형을 나타낸다. all, print, screen을 제외한 Media Queries Level 3에서 정의한 모든 미디어 유형은 Media Queries Level 4에서 모두 제거되었으므로 사용하지 않아야 한다.
〈mf-boolean〉
미디어 특성 유무를 boolean으로 평가한다.
〈mf-comparison〉
<, >, <=, =, >=를 나타낸다.
〈mf-eq〉
=를 나타낸다.
〈mf-gt〉
>, >=를 나타낸다.
〈mf-lt〉
<, <=를 나타낸다.
〈mf-name〉
미디어 특성의 이름을 나타낸다.
〈mf-plain〉
미디어 특성의 이름과 값의 매칭을 나타낸다.
〈mf-range〉
범위를 이용한 평가식을 나타낸다.
〈mf-value〉
미디어 특성의 값을 나타낸다.
〈mq-boolean〉
값이 0 또는 1인 <interger>이다. 다른 정수 값은 유효하지 않다. -0은 CSS에서 항상 0과 동일하므로 유효한 값으로 허용된다.
〈n-dimension〉
유형 플래그 'integer'로 설정된 <dimension-token>이며 'n'에 대한 ASCII 대소문자 구분 일치 단위이다.
〈name-repeat〉
〈named-color〉
일반적인 색상을 더 쉽게 쓰고 읽을 수 있도록 이름이 지정된 색상 세트를 나타낸다. <ident>로 작성되며 <color>가 필요한 모든 곳에서 허용된다. 모든 색상 키워드는 ASCII 대소문자를 구분하지 않는다.
〈namespace-prefix〉
〈ndash-dimension〉
유형 플래그 'integer'로 설정된 <dimension-token>이며 'n-'에 대한 ASCII 대소문자 구분하지 않는 일치 단위이다.
〈ndashdigit-dimension〉
유형 플래그 'integer'로 설정된 <dimension-token>이며 'n-*'에 대한 ASCII 대소문자 구분하지 않는 일치 단위이다. '*'는 일련의 1 또는 더 많은 자리수를 의미한다.
〈ndashdigit-ident〉
'n-*'에 대한 ASCII 대소문자 구분 일치 항목인 <ident-token>이다. '*'는 일련의 하나 이상의 숫자이다.
〈number-percentage〉
<number>와 <percentage> 타입 값을 나타낸다.
〈number-token〉
〈number〉
정수 또는 실수를 표현한다.
〈numeric-figure-values〉
〈numeric-fraction-values〉
〈numeric-spacing-values〉
〈oklab()〉
〈oklch()〉
〈outline-line-style〉
기본적으로 <line-style> 타입과 동일하나 hidden 키워드는 사용할 수 없다.
〈overflow-position〉
정렬 대상이 정렬 컨테이너보다 큰 경우에는 오버플로우가 되므로 일부 정렬 모드에서는 콘텐츠가 표시되지 않을 수 있다. 이 상황을 제어하기 위해 오버플로우 정렬 모드를 사용한다.
이 타입은 웹브라우저 지원 현황을 확인할 필요가 있다.
〈page-selector-list〉
〈page-selector〉
〈page-size〉
미디어 표준화 이름 중에서 크기를 지정한 값을 나타낸다.
〈palette-identifier〉
@font-palette-values 규칙에서 정의한 식별값을 나타낸다. <dashed-ident>로 파싱된다.
〈percentage〉
어떠한 기준으로 부터 백분율로 표현한다.
〈polar-color-space〉
〈position〉
박스형의 요소에 대한 상대적인 2차원 좌표 값을 나타낸다.
〈predefined-rgb-params〉
〈predefined-rgb〉
〈pseudo-page〉
〈q-name〉
참조되는 속성의 이름을 나타낸다.
〈query-in-parens〉
괄호 안의 조건 형식을 나타낸다.
〈quote〉
큰따옴표 또는 작은 따옴표로 감싸진 <string> 타입을 나타낸다.
〈ratio〉
미디어 쿼리(media query)에서 스크린의 종횡비를 나타낸다.
〈rectangular-color-space〉
〈relative-size〉
현재 글꼴 크기를 기준으로 상대적으로 크기를 지정하는 키워드를 나타내는 타입이다.
〈repeat-style〉
배경 이미지의 크기와 위치가 지정된 후 타일링되는 방식을 설정하는 값을 나타낸다.
〈resolution〉
출력 장치의 해상도를 나타낸다.
〈rg-ending-shape〉
그라디언트의 끝 모양이 원 또는 타원인지를 나타낸다.
〈rg-extent-keyword〉
그라디언트의 끝 모양 크기를 나타낸다.
〈rgb()〉
rgb() 함수의 매개 변수를 나타낸다. 레거시로 red, green, blue 값을 각각 쉼표로 구분된 매개 변수로 지정이 가능하다.
〈rule-list〉
규칙 목록을 나타낸다.
〈self-position〉
justify-self, align-self 속성에서 사용되며 justify-items, align-items에서도 사용된다.
〈shadow〉
〈shape-box〉
CSS 박스 모델에서 박스의 가장자리를 참조하는 키워드를 shape에게 사용하는 경우를 나타낸다.
〈shape-radius〉
정원 또는 타원의 반지름을 나타낸다.
〈shape〉
clip 속성에서 사용 가능한 클리핑 영역을 나타내는 타입이다.
〈side-or-corner〉
〈signed-integer〉
유형 플래그가 'integer'인 <number-token>이며 '+' 또는 '-'로 시작한다.
〈signless-integer〉
유형 플래그가 'integer'인 <number-token>이며 숫자로 시작한다.
〈single-animation-direction〉
애니메이션에 사용되는 키프레임의 진행 방향을 지정한다.
〈single-animation-fill-mode〉
애니메이션이 실행 중인 시간 외에 적용되는 값을 정의한다. 즉 애니메이션이 시작되기 전과 끝난 후의 적용되는 값에 대한 정의를 나타낸다.
〈single-animation-iteration-count〉
애니메이션 주기가 재생되는 횟수를 지정한다. 기본 값은 1이며 키프레임 처음부터 끝까지 한번 실행됨을 나타낸다.
〈single-animation-play-state〉
애니메이션의 실행 또는 일시중지를 정의한다.
〈single-animation〉
애니메이션에 관련된 속성들에 대한 일괄 정의된 값을 가지는 속기 속성이다. 주의할 점은 기본적으로 값의 순서는 무관하지만 <time> 값은 작성 순서에 따라 animation-duration, animation-delay 순으로 값이 할당된다.
〈single-transition-property〉
〈single-transition〉
〈size-feature〉
aspect-ratio, block-size, height, inline-size, orientation, width feature을 쿼리한다.
〈src()〉
〈step-easing-function〉
입력된 시간을 길이가 동일한 지정된 수의 간격으로 나누는 <easing-function> 타입의 일종이다.
〈step-position〉
〈string-token〉
〈string〉
따옴표로 감싸진 데이터 유형을 표현한다.
〈style-condition〉
<style-feature>의 부울(boolen) 조합을 나타낸다.
〈style-feature〉
CSS-SYNTAX-3 선언과 동일하며 쿼리 컨테이너에서 주어진 속성의 계산된 값이 주어진 값과 일치하는 경우 해당 쿼리는 true이다. 하지만 현재 크롬 웹브라우저 기준으로 CSS 속성에 대한 쿼리는 작동하지 않고 사용자 정의 속성(CSS 변수)만 쿼리가 가능하다.
(예)
/* 현재 미지원 */
@container style(background-color: #FFFF00) { /* styles */
}
/* 현재 지원 */
@container style(--mycolor: #FFFF00) { /* styles */
}
〈style-in-parens〉
〈style-query〉
〈stylesheet〉
규칙 목록을 나타낸다. <rule-list>와 동일해 보이는데 이를 사용하는 블록은 특정 컨텍스트로 제한되지 않는 모든 규칙을 기본적으로 허용한다는 점을 제외하면 실제로 동일하다.
정규화된 규칙으로서 구성 요소 값의 목록으로 구성되며 서두와 단순한 { }으로 구성된 블록 형식을 갖는다. CSS에서 대부분의 정규화된 규칙은 스타일 규칙이며 서두는 선택자(selector)이고 { } 블록은 속성의 선언 목록을 갖는다.
〈supports-condition〉
〈supports-decl〉
유저 에이전트(user agent)가 괄호 안의 선언을 지원하는 경우 결과는 true이다.
〈supports-feature〉
〈supports-in-parens〉
〈supports-selector-fn〉
유저 에이전트가 함수의 인수로 제공된 선택기(selector)를 지원하는 경우 결과는 true이다.
〈symbol〉
CSS에서 사용되는 기호를 나타낸다. 이미지(<image>)를 사용하는 경우 기본 개체의 크기는 1em x 1em의 정사각형이다.
〈system-color〉
CSS 시스템에서 사용하는 색상 테이블이다. CSS Color Module 4에서 더 이상 사용되지 않는 <deprecated-color> 시스템 색상을 정의했다.
〈target〉
〈time-percentage〉
<time> 또는 <percentage> 타입을 나타낸다.
〈time〉
초(seconds) 또는 밀리초(milliseconds)로 시간을 나타낸다. 밀리초(milliseconds)는 1/1000초를 나타낸다.
〈timing-function〉
〈tmp〉
〈track-breadth〉
트랙(track) 폭에 대한 값을 나타낸다.
〈track-list〉
〈track-repeat〉
〈track-size〉
〈transform-function〉
〈transform-list〉
변형을 주기 위한 다양한 관련 함수들이 사용되는 타입이다. 1개 이상의 함수를 나열한다.
〈type-or-unit〉
속성 값을 해석하는 방법을 UA(User Agent)에게 알려주고 attr() 함수에서 유형을 정의하는 키워드를 나타낸다.
〈urange〉
U+ 또는 u+ 접두사 뒤에 아래 나열된 세 가지 형식 중 하나의 코드포인트 범위로 구성된 UNICODE-RANGE 토큰을 나타낸다. 이러한 형식 중 하나에 맞지 않는 범위는 유효하지 않으며 선언이 무시된다. 싱글 코드포인트(single codepoint) 1~6개의 16진수로 표시되는 유니코드 코드포인트이다. (예) U+416 인터벌 레인지(interval range) 범위의 포괄적인 시작 및 끝 코드포인트를 나타내는 하이픈으로 구분된 두 개의 유니코드 코드포인트로 표시된다. (예) U+400-4ff 와일드카드 레인지(wildcard range) 뒤에 오는 ? 문자가 16진수를 나타낼 때 암시되는 코드포인트 집합으로 정의된다. (예) U+4??
〈url()〉
〈url-modifier〉
URL의 의미나 해석을 어떻게든 변경하는 타입이다.
〈url-token〉
〈url〉
이미지나 글꼴 등 리소스를 가리키는 문자열을 나타낸다.
〈visual-box〉
〈whitespace-token〉
〈xyz-params〉
〈xyz-space〉
〈zero〉
값이 0인 리터럴 숫자를 나타낸다. 단순히 값이 0인 <number>로 평가되는 식(예: calc(0))은 <zero>와 일치하지 않는다. 리터럴 <number-token>만 수행한다.