〈absolute-size〉
UA가 계산하고 보관하는 글꼴 크기를 키워드로 나타내는 타입이다.
〈alpha-value〉
0에서 1까지의 소수로 설정이 가능하며 0은 투명, 0.5는 반투명, 1은 불투명을 적용한다. 퍼센트로 적용하는 경우에는 0%에서 100%까지 설정이 가능하며 0%는 투명, 100%는 불투명을 의미한다.
〈angle-percentage〉
<angne>과 <percentage> 타입 모두 가능한 타입을 나타낸다.
〈angle〉
0~360도 범위의 각도 값을 deg(도), grad(그레이드), rad(라디안), turn(턴) 단위로 표현한다.
〈attachment〉
배경 이미지가 지정된 경우 뷰포트로 부터 고정(fixed), 스크롤(scroll) 또는 콘텐츠와 함께 스크롤(local)할지를 나타내는 타입이다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.
〈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-product〉
곱셈 또는 나누기의 결과값을 나타낸다.
〈calc-sum〉
덧셈(뺄셈 포함)으로 계산되는 값을 나타낸다.
〈calc-value〉
<number>, <dimension>, <percentage>, <calc-sum> 타입의 값을 나타낸다.
〈clip-source〉
클리핑 소스로 사용할 리소스의 경로를 나타내는 타입이다.
〈color-font-tech〉
〈color-stop-list〉
〈color〉
sRGB 색상 공간의 색상값을 나타낸다. 알파 채널 투명도 값을 포함 할 수 있으며, 색상이 배경과 합성되는 방법을 나타낸다. 색을 생성하는 방법은 UA 표준 색상명, 16진수 값 그리고 함수로는 rgb(), rgba(), hsl(), hsla() 함수가 있다.
〈common-lig-values〉
〈compositing-operator〉
〈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〉
카운터 스타일을 갖는 값
〈counter〉
순번 매김같은 값을 문자열이나 이미지로 나타내는 counter() 및 counters() 함수를 통해 생성된 값을 나타낸다.
〈cubic-bezier-easing-function〉
3차 베지어 곡선을 나타내는 값으로 속도 변화를 지정한다.
〈custom-ident〉
임의의 사용자 정의 문자열을 표현한다.
〈declaration-value〉
<declaration-value> 타입은 시퀀스에 허용되지 않는 토큰이 포함되지 않는 한 하나 이상의 토큰 시퀀스와 일치한다. 유효한 선언이 값으로 가질 수 있는 전체를 나타낸다.
〈dimension〉
단위로 연결된 <number> 타입을 나타낸다.
〈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〉
일반 구성이 아닌 글꼴명을 자료로 하는 타입이다. 따옴표로 인용되어야 한다.
〈filter-function〉
이미지의 모습을 변형할 수 있는 그래픽 효과를 지정할 수 있다.
〈filter-value-list〉
〈final-bg-layer〉
배경 레이어가 겹쳐있는 경우 맨 마지막(아래)에 위치할 배경에 대한 설정 값 타입이다. <'background-color'> 값이 지정되어 있다.
〈fixed-breadth〉
〈fixed-repeat〉
〈fixed-size〉
〈font-feature-tech〉
〈font-format〉
〈font-stretch-css3〉
현재 모든 웹브라우저가 지원한다고 보장할 수 없으므로 확인이 필요하다.
〈font-variant-css21〉
〈font-variant-css2〉
〈font-weight-absolute〉
〈frequency〉
목소리의 높낮이 등의 주파수를 나타낸다.
〈generic-family〉
CSS에서 정의한 일반적으로 사용되는 범주에 속하는 글꼴을 나타내는 타입이다. 따옴표로 인용될 수 없다.
〈geometry-box〉
<basic-shape>과 함께 지정하면 <basic-shape>에 대한 참조 박스를 제공한다.
자체적으로 지정된 경우 모서리 모양을 포함하여 지정된 박스의 가장자리를 클리핑 경로로 사용한다.
〈gradient〉
두 가지 이상의 색상 간 점진적인 전환으로 구성된 특수한 유형의 이미지를 나타낸다.
〈grid-line〉
〈historical-lig-values〉
〈ident〉
식별자로 사용되는 임의의 문자열을 나타낸다.
〈image〉
2차원 이미지를 나타낸다.
〈inflexible-breadth〉
<track-breadth> 타입에서 fr 단위가 제외되었다.
〈integer〉
소숫점이 없는 정수를 표현한다.
〈isolation-mode〉
〈keyframes-name〉
<custom-ident> 또는 <string> 타입을 묶어서 표현하는 타입이다.
〈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〉
〈name-repeat〉
〈number-percentage〉
<number>와 <percentage> 타입 값을 나타낸다.
〈number〉
정수 또는 실수를 표현한다.
〈numeric-figure-values〉
〈numeric-fraction-values〉
〈numeric-spacing-values〉
〈outline-line-style〉
〈overflow-position〉
정렬 대상이 정렬 컨테이너보다 큰 경우에는 오버플로우가 되므로 일부 정렬 모드에서는 콘텐츠가 표시되지 않을 수 있다. 이 상황을 제어하기 위해 오버플로우 정렬 모드를 사용한다.
이 타입은 웹브라우저 지원 현황을 확인할 필요가 있다.
〈percentage〉
어떠한 기준으로 부터 백분율로 표현한다.
〈position〉
박스형의 요소에 대한 상대적인 2차원 좌표 값을 나타낸다.
〈quote〉
큰따옴표 또는 작은 따옴표로 감싸진 <string> 타입을 나타낸다.
〈ratio〉
미디어 쿼리(media query)에서 스크린의 종횡비를 나타낸다.
〈relative-size〉
현재 글꼴 크기를 기준으로 상대적으로 크기를 지정하는 키워드를 나타내는 타입이다.
〈repeat-style〉
배경 이미지의 크기와 위치가 지정된 후 타일링되는 방식을 설정하는 값을 나타낸다.
〈resolution〉
출력 장치의 해상도를 나타낸다.
〈self-position〉
justify-self, align-self 속성에서 사용되며 justify-items, align-items에서도 사용된다.
〈shadow〉
〈shape-box〉
CSS 박스 모델에서 박스의 가장자리를 참조하는 키워드를 shape에게 사용하는 경우를 나타낸다.
〈shape〉
clip 속성에서 사용 가능한 클리핑 영역을 나타내는 타입이다.
〈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〉
〈step-easing-function〉
입력된 시간을 길이가 동일한 지정된 수의 간격으로 나누는 <easing-function> 타입의 일종이다.
〈step-position〉
〈string〉
따옴표로 감싸진 데이터 유형을 표현한다.
〈target〉
〈time-percentage〉
<time> 또는 <percentage> 타입을 나타낸다.
〈time〉
초(seconds) 또는 밀리초(milliseconds)로 시간을 나타낸다.
〈timing-function〉
〈tmp〉
〈track-breadth〉
트랙(track) 폭에 대한 값을 나타낸다.
〈track-list〉
〈track-repeat〉
〈track-size〉
〈transform-function〉
요소의 모양에 영향을 주는 변환을 나타낸다.
〈transform-list〉
변형을 주기 위한 다양한 관련 함수들이 사용되는 타입이다.
〈type-or-unit〉
속성 값을 해석하는 방법을 UA(User Agent)에게 알려주고 attr() 함수에서 유형을 정의하는 키워드를 나타낸다.
〈url-modifier〉
URL의 의미나 해석을 어떻게든 변경하는 타입이다.
〈url〉
이미지나 글꼴 등 리소스를 가리키는 문자열을 나타낸다.