CSS 데이터 타입은 CSS 속성과 함수 등에서 사용이 가능한 값의 유형(types)을 정의한다.
CSS 초기에는 CSS 속성의 값에 대해 규칙은 있되 유형을 체계적으로 나누지 않았다. 속성 값의 유형이라는 것은 일반 로직(logic) 기반 언어에서 다루는 데이터 타입과 다를게 없지만 CSS에서 모든 속성의 값을 데이터 타입으로 구분하여 정리하는 게 밖에서 봐도 쉽지 않은 작업이라 생각이 든다.
하지만 오늘날 CSS 속성은 다양한 디자인 요구에 따라 놀라울 정도로 늘어났고 설정하는 값 또한 매우 복잡해졌다. 따라서 설정하는 값에 대한 유형을 정립하지 않고는 규모를 키울 수 없다는 판단을 했을 것이다. 새롭게 개편된 모듈 버전 관리 체계에서는 데이터 타입이라는 기술적인 내용을 포함하기 시작했다. 이러한 이유로 데브딕도 데이터 타입을 중요하게 다루기로 하고 CSS 레퍼런스 설계를 변경했다.
CSS 데이터 타입은 각 레퍼런스에서 표시되는 모든 것들이 공식적인 표준 타입이라고 말하기는 어렵지만 꺽음괄호를 사용('<' 와 '>'로 감쌈)하여 표기한다. 모듈 사양에서는 이 표기법에 따라 소개하고 있으며 데브딕은 이러한 데이터 타입에 대한 분류를 'W3C Standards'라고 정했다. 그리고 실제 모듈의 버전(예: CSS Syntax Module Level 3
)을 레이블로 표기했다.
데브딕에서도 레퍼런스 설계에 따라 자체적으로 정한 타입이 있다. 이 데이터 타입은 마찬가지로 꺽음괄호를 사용('<' 와 '>'로 감쌈)하여 표기를 하고 W3C Standards와 구분하기 위해 DEVDIC-Specified Data Types
라고 레이블을 표기했다.
rgb()
함수부터 현재 다양한 함수가 존재하고 있다.0
에서 1
까지의 소수로 설정이 가능하며 0
은 투명, 0.5
는 반투명, 1
은 불투명을 적용한다. 퍼센트로 적용하는 경우에는 0%
에서 100%
까지 설정이 가능하며 0%
는 투명, 100%
는 불투명을 의미한다.:nth-child()
등의 함수형 가상 클래스에서 형제 관계의 요소를 찾는 매우 다양한 공식을 제공한다. 추가적인 내용은 상세 설명을 참고한다.deg
(도), grad
(그레이드), rad
(라디안), turn
(턴) 단위로 표현한다.fixed
), 스크롤(scroll
) 또는 콘텐츠와 함께 스크롤(local
)할지를 나타내는 타입이다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.attr()
함수의 결과 값 사용)와 해당 값에 어떤 특수 구문 분석이 수행될 것인지를 나타낸다.clip-path
, shape-outside
, offset-path
속성에 사용되는 형태를 나타낸다.<'background-image'>
속성에 사용되는 값을 나타낸다. url()
함수를 사용해서 2차원 이미지를 설정하거나 그라디언트를 설정할 수 있다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.<'background-color'>
값을 지정할 수 없다.<'background-position'>
속성에 사용되는 값을 나타낸다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.<'background-size'>
속성에 사용하는 값을 나타낸다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.e
및 pi
와 같이 기본적으로 정의되어 제공되는 상수를 나타낸다.*
) 또는 나눗셈(/
) 연산의 결과를 나타낸다.+
) 또는 뺄셈(-
) 연산의 결과를 나타낸다.calc()
함수에서 계산 표현식에 사용되는 <number> 또는 calc()
함수로 덧셈 혹은 뺄셈한 결과값을 나타낸다.*
) 또는 나누기(/
)의 결과값을 나타낸다.+
), 뺄셈(-
)으로 계산되는 값을 나타낸다.calc()
함수에서 연산 표현식에 사용되는 <number>, <dimension>, <percentage>, <calc-sum> 값을 나타낸다.cross-fade()
함수의 매개 변수 타입을 나타낸다. 쉼표로 구분해서 추가할 수 있다.Oklab
이다.color()
함수에서 사용 가능한 매개 변수의 데이터 타입을 나타낸다. RGB 계열의 미리 정의된 색 공간(predefined color spaces)에서 표현되는 색상 값이거나 XYZ 색 공간(xyz color space)의 색상 값을 나타낸다.rgb()
, rgba()
, hsl()
, hsla()
, hwb()
, color()
,lab()
, lch()
, oklab()
, oklch()
함수가 있다.conic-gradient()
함수의 매개 변수 타입을 나타낸다.container-type
과 container-name
속성이 정의되어 있는 특정 대상을 나타낸다.justify-content
, align-content
속성에서 사용되는 정렬 키워드를 나타낸다.justify-content
, align-content
속성에서 사용되는 정렬 키워드를 나타낸다.0
인 이미지를 나타내는 것으로 처리된다.<custom-ident>
이다.counter()
및 counters()
함수를 통해 생성된 값을 나타낸다.%
" 문자(값이 "%
"인 <delim-token>)와 일치하거나 값이 <length>, <angle>, <time>, <frequency> 또는 <flex> 값(예: px
또는 ms
)에 대한 CSS 단위 중 하나인 식별자와 일치한다.<table>
, <ruby>
등 일부 레이아웃 모델은 복잡한 내부 구조 출력 메커니즘을 지닌다. 하나의 디스플레이 유형이 아닌 내부 요소가 역할에 맞는 디스플레이 유형을 동시에 갖는다. <display-internal>은 이러한 키워드 그룹을 나타낸다.circle
) 또는 타원(ellipse
)일지를 나타낸다.@font-feature-values
앳룰(at-rule)에서 선언한 <font-feature-value-type
>에 정의된 대체 글리프(glyph) 값의 이름을 나타낸다. 대체 글리프(glyph)에 대한 이름은 해당 글꼴의 레퍼런스를 참고한다.filter
속성으로 효과를 지정하기 위해 설정된 값 목록을 나타낸다.<'background-color'>
설정이 가능하다.<fixed-size>
로 반복되는 값을 나타낸다.fr
단위의 치수를 나타낸다.local()
함수형 구문의 인수로서 더 큰 폰트 패밀리(font family) 내에서 단일 폰트를 고유하게 식별하는 문자열이다. 선택적으로 따옴표로 묶을 수 있다. 따옴표로 묶지 않으면 따옴표로 묶지 않은 폰트 패밀리(font family) 네임 처리 규칙이 적용되며 이름은 공백으로 구분된 시퀀스여야 한다. 식별자를 하나의 공백으로 구분, 결합하여 문자열로 변환한다. features-opentype
, features-aat
, features-graphite
등과 같은 글꼴 기능 지원 기술을 나타낸다.font
속기 속성에만 사용되는 font-stretch
값을 따로 분류하기 위해서 정한 유형이다.font
속기 속성에서만 사용되는 CSS 2.1 사양의 font-variant
값을 나타낸다.font
속기 속성에만 사용되는 CSS 2의 font-variant
값을 따로 분류하기 위해서 정한 유형이다.font-weight
속성에 사용되는 글꼴 굵기의 절대값을 나타낸다.<basic-shape>
과 함께 지정하면 <basic-shape>
에 대한 참조 박스를 제공한다.span
키워드로 행과 열의 범위를 병합하는 값을 나타낸다.<hash-token>
토큰이다. 즉 16진수 색상은 해시 문자 '#
' 다음에 숫자[0-9], 대소문자 구분이 없는 알파벳 문자[a-f]의 조합으로 작성된다.hsl()
함수의 매개 변수를 나타낸다. 레거시로 색상(hue), 채도(saturation), 밝기(lightness) 값을 각각 쉼표로 구분된 매개 변수로 지정이 가능하다.lch()
, hsl()
, hwb()
등)의 보간을 위한 알고리즘을 나타낸다.hwb()
함수의 매개변수를 나타낸다.id
식별값을 사용한 선택자를 나타낸다.image-set()
함수의 매개 변수 타입을 나타낸다.<track-breadth>
타입에서 fr
단위가 제외되었다.<number-token>
유형 플래그가 'integer
'인 소숫점이 없는 정수를 표현한다.isolation
속성에 사용되는 값을 나타낸다.<keyframe-selector>
와 {
}
내부의 선언 목록을 갖는 구조를 나타낸다.0%
~100%
) 값 목록 또는 from
과 to
키워드로 구성된 값을 나타낸다.animation-name
속성에 사용할 키프레임을 이름을 나타낸다.lab()
함수의 매개변수를 나타낸다. @layer
및 @import
규칙에서 표시되며 마침표로 구분된 <ident>
토큰의 목록으로 공백이 없다.lch()
함수의 매개 변수를 나타낸다. <length>
와 <percentage>
타입을 나타낸다.<line-names>
이거나 <name-repeat>
를 나타낸다.solid
, dotted
, dashed
이외의 값은 선의 두께가 어느 정도 지정되어야 제대로 보여진다.<length>
또는 지정된 키워드를 사용한다.<length>
이거나 <percentage>
값을 가질 수 있다.linear-gradient()
함수의 매개 변수를 나타낸다.url(commonmasks.svg#mask)
) 또는 CSS 이미지에 대한 URL을 나타낸다.<mask-reference>
가 마스킹(masking)되는 방식을 나타낸다.<media-in-parens>
의 평가 결과에 대한 and
논리 조합을 나타낸다. 즉 and
앞과 뒤의 논리 평가가 모두 true
이어야 한다.<media-feature>
를 평가하는 <media-or>
를 제외한 논리의 조합을 나타낸다.<media-feature>
를 평가하는 논리의 조합을 나타낸다.true
일 경우 최종 평가는 false
이다.<media-in-parens>
의 평가 결과에 대한 or
논리 조합을 나타낸다. 즉 or
앞과 뒤의 논리 평가가 하나 이상 true
이어야 한다.<media-query>
목록을 나타낸다.all
, print
, screen
을 제외한 Media Queries Level 3에서 정의한 모든 미디어 유형은 Media Queries Level 4에서 모두 제거되었으므로 사용하지 않아야 한다.boolean
으로 평가한다.<
, >
, <=
, =
, >=
연산자를 나타낸다.=
를 나타낸다.>
, >=
를 나타낸다.<
, <=
를 나타낸다.0
또는 1
인 <interger>
이다. 다른 정수 값은 유효하지 않다. -0
은 CSS에서 항상 0
과 동일하므로 유효한 값으로 허용된다.integer
'로 설정된 <dimension-token>
이며 'n
'에 대한 ASCII 대소문자 구분 일치 단위이다.repeat()
함수를 사용해서 반복 작업으로 그리드 트랙(grid-track)을 생성하는 값을 나타낸다.<ident>
로 작성되며 <color>
가 필요한 모든 곳에서 허용된다. 모든 색상 키워드는 ASCII 대소문자를 구분하지 않는다.integer
'로 설정된 <dimension-token>
이며 'n-
'에 대한 ASCII 대소문자 구분하지 않는 일치 단위이다.integer
'로 설정된 <dimension-token>
이며 'n-*
'에 대한 ASCII 대소문자 구분하지 않는 일치 단위이다. '*
'는 일련의 1
또는 더 많은 자리수를 의미한다.n-*
'에 대한 ASCII 대소문자 구분 일치 항목인 <ident-token>
이다. '*
'는 일련의 하나 이상의 숫자이다.<number>
와 <percentage>
타입 값을 나타낸다.oklab()
함수의 매개 변수를 나타낸다. oklch()
함수의 매개 변수를 나타낸다. <line-style>
타입과 동일하나 hidden
키워드는 사용할 수 없다.<page-selector>
목록을 나타낸다.@font-palette-values
규칙에서 정의한 식별값을 나타낸다. <dashed-ident>
로 파싱된다.color()
함수의 매개 변수 타입중 하나이다. 미리 정의된 RGB 계열의 색 공간(predefined color spaces) 키워드(<ident>
)와 함께 Red, Green, Blue가 지정된 색 공간에서 가지는 값을 <number>
또는 <percentage>
로 표현된다.<ident>
)를 나타낸다.@page
앳룰(at-rules)에서 사용되는 페이지 가상 클래스를 나타낸다.<string>
타입을 나타낸다.radial-gradient()
함수에서 매개 변수 타입을 나타낸다.rgb()
함수의 매개 변수를 나타낸다. 레거시로 red, green, blue 값을 각각 쉼표로 구분된 매개 변수로 지정이 가능하다.justify-self
, align-self
속성에서 사용되며 justify-items
, align-items
에서도 사용된다.box-shadow
속성의 그림자 효과 설정값을 나타낸다.clip
속성에서 사용 가능한 클리핑 영역을 나타내는 타입이다.integer
'인 <number-token>
이며 '+
' 또는 '-
'로 시작한다.integer
'인 <number-token>
이며 숫자로 시작한다.1
이며 키프레임 처음부터 끝까지 한번 실행됨을 나타낸다.<time>
값은 작성 순서에 따라 animation-duration
, animation-delay
순으로 값이 할당된다.transition
) 효과를 적용할 대상 속성을 나타낸다.aspect-ratio
, block-size
, height
, inline-size
, orientation
, width
feature을 쿼리한다.src()
함수의 매개변수를 나타낸다.<easing-function>
일종이다.true
이다. 하지만 현재 크롬 웹브라우저 기준으로 CSS 속성에 대한 쿼리는 작동하지 않고 사용자 정의 속성(CSS 변수)만 쿼리가 가능하다.<rule-list>
와 동일해 보이는데 이를 사용하는 블록은 특정 컨텍스트로 제한되지 않는 모든 규칙을 기본적으로 허용한다는 점을 제외하면 실제로 동일하다.<supports-decl>
를 나타낸다.selector()
함수의 인수로 제공된 선택자(selector)의 지원 여부에 따라 불리언(boolean)으로 평가한 결과를 나타낸다.<image>
)를 사용하는 경우 기본 개체의 크기는 1em x 1em
의 정사각형이다.<time>
또는 <percentage>
를 나타낸다.1/1000
초를 나타낸다.<length-percentage>
와 fr
단위를 사용한 <flex>
값으로 지정된 트랙(track) 폭에 대한 값을 나타낸다. min-content
, max-content
, auto
키워드를 사용해 트랙(track) 폭의 크기를 지정할 수도 있다.repeat()
함수를 사용하여 생성한 크기가 고정되지 않은 트랙(track) 집합을 나타낸다.<track-breadth>
를 포함하여 minmax()
, fit-content()
함수를 사용하여 지정한 트랙(track)의 크기를 나타낸다.attr()
함수에서 유형을 정의하는 키워드를 나타낸다.U+
또는 u+
접두사 뒤에 아래 나열된 세 가지 형식 중 하나의 코드포인트 범위로 구성된 UNICODE-RANGE 토큰을 나타낸다. 이러한 형식 중 하나에 맞지 않는 범위는 유효하지 않으며 선언이 무시된다.content-box
, padding-box
, border-box
)를 나타낸다.color()
함수의 매개 변수 타입중 하나이다. XYZ 계열의 색 공간(xyz color space)에서 색상을 설정한 값을 나타낸다. XYZ 계열의 색 공간(xyz color space)에서 사용 가능한 키워드를 지정하고 x
, y
, z
값으로 색상을 나타낸다.0
인 리터럴 숫자를 나타낸다. 단순히 값이 0
인 <number>
로 평가되는 식(예: calc(0)
)은 <zero>
와 일치하지 않는다. 리터럴 <number-token>
만 수행한다.@charset
앳룰(at-rules)의 구문 형식을 나타낸다.@container
앳룰(at-rules)의 구문 형식을 나타낸다.@counter-style
앳룰(at-rules)의 구문 형식을 나타낸다.@font-face
앳룰(at-rules)의 구문 형식을 나타낸다.@font-feature-values
앳룰(at-rules)의 구문 형식을 나타낸다.@font-palette-values
앳룰(at-rules)의 구문 형식을 나타낸다.@import
앳룰(at-rules)의 구문 형식을 나타낸다.@keyframes
앳룰(at-rules)의 구문 형식을 나타낸다.@layer
앳룰(at-rules)의 구문 형식을 나타낸다.@media
앳룰(at-rules)의 구문 형식을 나타낸다.@namespace
앳룰(at-rules)의 구문 형식을 나타낸다.@page
앳룰(at-rules)의 구문 형식을 나타낸다.@property
앳룰(at-rules)의 구문 형식을 나타낸다.@supports
앳룰(at-rules)의 구문 형식을 나타낸다.atan2()
함수를 사용하기 위한 매개 변수의 유형을 나타낸다.attr()
함수를 사용하기 위한 매개 변수의 유형을 나타낸다.calc()
함수를 사용하기 위한 매개 변수의 유형을 나타낸다.clamp()
함수를 사용하기 위한 매개 변수의 유형을 나타낸다.cubic-bezier()
함수를 사용하기 위한 값을 나타낸다.matrix3d()
함수를 사용하기 위한 매개 변수의 유형을 나타낸다. 이 값은 총 16개의 인자로 구성되며 이 값을 토대로 4x4
의 동차 행렬로 처리된다.matrix()
함수를 사용하기 위한 매개 변수의 유형을 나타낸다. 이 값은 총 6개로의 인자로 구성되며 이 값을 토대로 최종 4x4
의 행렬로 처리된다.perspective()
함수를 사용하기 위한 매개 변수의 유형을 나타낸다.rotate3d()
함수를 사용하기 위한 매개 변수의 유형을 나타낸다.scale3d()
함수를 사용하기 위한 매개 변수의 유형을 나타낸다.scaleZ()
함수를 사용하기 위한 매개 변수의 유형을 나타낸다.scale()
함수를 사용하기 위한 매개 변수의 유형을 나타낸다.skew()
함수를 사용하기 위한 매개 변수의 유형을 나타낸다.translate3d()
함수를 사용하기 위한 매개 변수의 유형을 나타낸다. 음수값을 허용한다.translate()
함수를 사용하기 위한 매개 변수의 유형을 나타낸다. 음수값을 허용한다.cos()
, sin()
, tan()
의 매개 변수 타입을 나타낸다.attr()
함수로 생성된 값을 나타낸다.circle()
함수의 매개 변수를 나타낸다. 생성될 원의 반지름과 중심을 설정한다.ellipse()
함수의 매개 변수를 나타낸다.inset()
함수의 매개 변수 타입을 나타낸다.path()
함수의 매개 변수 타입을 나타낸다.polygon()
함수의 매개 변수 타입을 나타낸다.rect()
함수의 매개 변수 타입을 나타낸다.true
, false
)을 나타낸다.break-before
, break-after
속성에 사용된다.cross-fade()
함수에서 <cf-image>
타입의 값을 쉼표로 구분된 목록으로 갖는 매개 변수를 나타낸다.<string>
의 문자셋 이름을 나타낸다.counter-increment
속성에 사용된다.drop-shadow()
함수의 매개 변수 타입을 나타낸다.hue-rotate()
함수의 매개 변수 값을 나타낸다.<image-set-option>
값 목록을 나타낸다.<keyframe-block>
을 갖는 <rule-list>
를 나타낸다.padding
) 값을 나타낸다.border-inline-start-color
border-inline-end-color
또는 border-block-start-color
border-block-end-color
속성 값을 동시에 나타낸다. 한 개의 값만 작성된 경우에는 논리적인 양방향 모두 동일함을 의미한다.border-inline-start-style
border-inline-end-style
또는 border-block-start-style
border-block-end-style
속성 값을 동시에 나타낸다. 한 개의 값만 작성된 경우에는 논리적인 양방향 모두 동일함을 의미한다.border-inline-start-width
border-inline-end-width
또는 border-block-start-width
border-block-end-width
속성 값을 동시에 나타낸다. 한 개의 값만 작성된 경우에는 논리적인 양방향 모두 동일함을 의미한다.inset-block-start
, inset-inline-end
, inset-block-end
, inset-inline-start
순서로 사용된다. 4개 미만의 값에 대한 사용법은 margin
속성과 동일하다.writing-mode
)에 따라 논리적인 박스의 크기를 나타낸다.margin
, margin-top
, margin-right
, margin-bottom
, margin-left
, margin-block
, margin-block-start
, margin-block-end
, margin-inline
, margin-inline-start
, margin-inline-end
속성에 사용 가능한 타입이다.minmax()
함수에서 최대 값 매개 변수 타입을 나타낸다. minmax()
함수에서 최소 값 매개 변수 타입을 나타낸다.overflow-x
, overflow-y
, overflow
속성에 사용되는 값을 나타낸다.padding
, padding-top
, padding-right
, padding-bottom
, padding-left
, padding-block
, padding-block-start
, padding-block-end
, padding-inline
, padding-inline-start
,padding-inline-end
속성에 사용 가능한 타입이다.rotate()
, rotateX()
, rotateY()
, rotateZ()
, skewX()
, skewY()
함수의 매개 변수 유형을 나타낸다.min()
, max()
함수를 사용하기 위한 매개 변수 유형을 나타낸다.url()
함수의 매개 변수 유형을 나타낸다.position
속성에서 요소의 위치를 계산하는 데 사용되는 위치 지정 체계를 결정짓는 값을 갖는 타입이다.repeat()
함수에서 반복 지정 매개 변수에 대한 타입을 나타낸다.border-radius
를 설정하는 값을 나타낸다.width
속성의 값을 나타낸다.align-content
속성에 사용하는 타입이다.align-items
속성에 사용되는 타입이다.align-self
속성에 사용되는 타입이다.all
속성에 사용되는 타입이다.animation-delay
속성에 사용되는 타입이다.animation-direction
속성에 사용되는 타입이다.animation-duration
속성에 사용되는 타입이다.animation-fill-mode
속성에 사용되는 타입이다.animation-iteration-count
속성에 사용되는 타입이다.animation-name
속성에 사용되는 타입이다.animation-play-state
속성에 사용되는 타입이다.animation-timing-function
속성에 사용되는 타입이다.animation
속기 속성에 사용되는 타입이다.backdrop-filter
속성에 사용되는 타입이다.backface-visibility
속성에 사용되는 타입이다.background-attachment
속성에 사용하는 값을 나타낸다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.background-blend-mode
속성에 사용하는 값을 나타낸다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.background-clip
속성에 사용하는 값을 나타낸다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.background-image
속성 값을 나타낸다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.background-origin
속성에 사용되는 값을 나타낸다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.background-position
속성에 사용하는 값을 나타낸다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.background-repeat
속성의 값을 나타낸다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.background-size
속성의 값을 나타낸다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.<bg-layer
> 타입으로 연속해서 한 개 이상의 배경을 설정한다. 연속된 배경 설정을 포함해서 마지막 설정되는 값은 <final-bg-layer>
타입이어야 한다.border-collapse
속성에 사용되는 타입이다.border-color
속성에 사용되는 타입이다.border-image-outset
속성에 사용되는 타입이다.border-image-repeat
속성에 사용되는 타입이다.border-image-slice
속성에 사용되는 타입이다.border-image-source
속성에 사용되는 타입이다.border-image-width
속성에 사용되는 타입이다.border-image
속기 속성에 사용되는 타입이다.border-radius
속성에 사용되는 타입이다.border-spacing
속성에 사용되는 타입이다.border-style
속성에 사용되는 타입이다.border-width
속성에 사용되는 타입이다.border
속성에 사용되는 타입이다.border-decoration-break
속성에 사용되는 타입이다.box-shadow
속성에 사용되는 타입이다.box-sizing
속성에 사용되는 타입이다.break-inside
속성에 사용되는 타입이다.caption-side
속성에 사용되는 타입이다.caret-color
속성에 사용되는 타입이다.clear
속성에 사용되는 타입이다.clip-path
속성에 사용되는 타입이다.clip
속성에 사용되는 타입이다.column-rule-color
속성에 사용되는 타입이다.column-rule-style
속성에 사용되는 타입이다.column-count
속성에 사용되는 타입이다.column-fill
속성에 사용되는 타입이다.column-rule-width
속성에 사용되는 타입이다.column-rule
속기 속성에 사용되는 타입이다.column-span
속성에 사용되는 타입이다.column-width
속성에 사용되는 타입이다.columns
속기 속성에 사용되는 타입이다.container-name
속성에 사용되는 타입이다.container-type
속성에 사용되는 타입이다.contain
속성에 사용되는 타입이다.content-visibility
속성에 사용되는 타입이다.content
속성에 사용되는 타입이다.cursor
속성에 사용되는 타입이다.direction
속성에 사용되는 타입이다.display
속성에 사용되는 타입이다.empty-cells
속성에 사용되는 타입이다.fill-rule
속성에 사용되는 타입이다.filter
속성에 사용되는 타입이다.flex-basis
속성에 사용되는 타입이다.flex-direction
속성에 사용되는 타입이다.flex-flow
속기 속성에 사용되는 타입이다.flex-grow
속성에 사용되는 타입이다.flex-shrink
속성에 사용되는 타입이다.flex-wrap
속성에 사용되는 타입이다.flex
속기 속성에 사용되는 타입이다.float
속성에 사용되는 타입이다.font-family
속성에 사용되는 타입이다.font-feature-settings
속성에 사용되는 타입이다.font-kerning
속성에 사용되는 타입이다.font-language-override
속성에 사용되는 타입이다.font-optical-sizing
속성에 사용되는 타입이다.font-palette
속성에 사용되는 타입이다.font-size
속성에 사용되는 타입이다.font-stretch
속성에 사용되는 타입이다.font-style
속성에 사용되는 타입이다.font-variant-alternates
속성에 사용되는 타입이다.font-variant-caps
속성에 사용되는 타입이다.font-variant-east-asian
속성에 사용되는 타입이다.font-variant-ligatures
속성에 사용되는 타입이다.font-variant-numeric
속성에 사용되는 타입이다.font-variant-position
속성에 사용되는 타입이다.font-variant
속기 속성에 사용되는 타입이다.font-variation-settings
속성에 사용되는 타입이다.font-weight
속성에 사용되는 타입이다.font
속기 속성에 사용되는 타입이다.gap
속성에 사용되는 타입이다.grid-area
속성에 사용되는 타입이다.grid-auto-columns
속성에 사용되는 타입이다.grid-auto-flow
속성에 사용되는 타입이다.grid-auto-rows
속성에 사용되는 타입이다.grid-column
속기 속성에 사용되는 타입이다.grid-row
속성에 사용되는 타입이다.grid-template-areas
속성에 사용되는 타입이다.grid-template-columns
속성에 사용되는 타입이다.grid-template-rows
속성에 사용되는 타입이다.grid-template
속기 속성에 사용되는 타입이다.grid
속기 속성에 사용되는 타입이다.hyphens
속성에 사용되는 타입이다.image-orientation
속성에 사용되는 타입이다.image-rendering
속성에 사용되는 타입이다.justify-content
속성에 사용되는 타입이다.justify-items
속성에 사용되는 타입이다.justify-self
속성에 사용되는 타입이다.letter-spacing
속성에 사용되는 타입이다.line-height
속성에 사용되는 타입이다.list-style-image
속성에 사용되는 타입이다.list-style-position
속성에 사용되는 타입이다.list-style-type
속성에 사용되는 타입이다.list-style
속기 속성에 사용되는 타입이다.margin
속기 속성에 사용되는 타입이다.mask-border-mode
속성에 사용되는 타입이다.mask-border-outset
속성에 사용되는 타입이다.mask-border-repeat
속성에 사용되는 타입이다.mask-border-slice
속성에 사용되는 타입이다.mask-border-source
속성에 사용되는 타입이다.mask-border-width
속성에 사용되는 타입이다.mask-border
속기 속성에 사용되는 타입이다.mask-clip
속성에 사용되는 타입이다.mask-composite
속성에 사용되는 타입이다.mask-image
속성에 사용되는 타입이다.mask-mode
속성에 사용되는 타입이다.mask-origin
속성에 사용되는 타입이다.mask-position
속성에 사용되는 타입이다.mask-repeat
속성에 사용되는 타입이다.mask-size
속성에 사용되는 타입이다.mask-type
속성에 사용되는 타입이다.mask
속기 속성에 사용되는 타입이다.mix-blend-mode
속성에 사용되는 타입이다.object-fit
속성에 사용되는 타입이다.offset-anchor
속성에 사용되는 타입이다.offset-distance
속성에 사용되는 타입이다.offset-path
속성에 사용되는 타입이다.offset-position
속성에 사용되는 타입이다.offset-rotate
속성에 사용되는 타입이다.offset
속기 속성에 사용되는 타입이다.outline-color
속성에 사용되는 타입이다.outline-style
속성에 사용되는 타입이다.outline-width
속성에 사용되는 타입이다.outline
속기 속성에 사용되는 타입이다.overflow-clip-margin
속성에 사용되는 타입이다.overflow
속성에 사용되는 타입이다.padding
속기 속성에 사용되는 타입이다.page
속성에 사용되는 타입이다.perspective
속성에 사용되는 타입이다.place-content
속기 속성에 사용되는 타입이다.place-items
속기 속성에 사용되는 타입이다.place-self
속기 속성에 사용되는 타입이다.quotes
속성에 사용되는 타입이다.resize
속성에 사용되는 타입이다.rotate
속성에 사용되는 타입이다.scale
속성에 사용되는 타입이다.scroll-behavior
속성에 사용되는 타입이다.scrollbar-gutter
속성에 사용되는 타입이다.shape-outside
속성에 사용되는 타입이다.tab-size
속성에 사용되는 타입이다.table-layout
속성에 사용되는 타입이다.text-align-all
속성에 사용되는 타입이다.text-align-last
속성에 사용되는 타입이다.text-align
속성에 사용되는 타입이다.text-combine-upright
속성에 사용되는 타입이다.text-decoration-color
속성에 사용되는 타입이다.text-decoration-line
속성에 사용되는 타입이다.text-decoration-style
속성에 사용되는 타입이다.text-decoration
속기 속성에 사용되는 타입이다.text-indent
속성에 사용되는 타입이다.text-justify
속성에 사용되는 타입이다.text-orientation
속성에 사용되는 타입이다.text-overflow
속성에 사용되는 타입이다.text-shadow
속성에 사용되는 타입이다.text-transform
속성에 사용되는 타입이다.transform-box
속성에 사용되는 타입이다.transform-origin
속성에 사용되는 타입이다.transform-style
속성에 사용되는 타입이다.transform
속성에 사용되는 타입이다.transition-delay
속성에 사용되는 타입이다.transition-duration
속성에 사용되는 타입이다.transition-property
속성에 사용되는 타입이다.transition-timing-function
속성에 사용되는 타입이다.transition
속기 속성에 사용되는 타입이다.translate
속성에 사용되는 타입이다.unicode-bidi
속성에 사용되는 타입이다.user-select
속성에 사용되는 타입이다.vertical-align
속성에 사용되는 타입이다.visibility
속성에 사용되는 타입이다.white-space
속성에 사용되는 타입이다.will-change
속성에 사용되는 타입이다.word-break
속성에 사용되는 타입이다.word-spacing
속성에 사용되는 타입이다.writing-mode
속성에 사용되는 타입이다.z-index
속성에 사용되는 타입이다.0
개 이상의 코드 포인트(code points)로 구성된 값을 갖는 함수를 가리키는 토큰(token)이다.0
개 이상의 코드 포인트(code points)로 구성된 값을 갖는 토큰(token)이다.