Web/CSS/CSS Types

CSS data types define typical values (including keywords and units) accepted by CSS properties and functions. They are a special kind of component value type.

Syntax

In formal CSS syntax, data types are denoted by a keyword placed between the inequality signs "<" and ">".

Index

The data types defined by the set of CSS specifications include the following:

A

• <angle>
• <angle-percentage>
• <angular-color-hint>
• <angular-color-stop>
• <attr-fallback>
• <attr-name>

B

• <basic-shape>
• <blend-mode>

C

• <calc-product>
• <calc-sum>
• <calc-value>
• <color>
• <color-stop>
• <color-stop-angle>
• <counter-style>
• <custom-ident>

D

• <dimension>

F

• <filter-function>
• <flex>
• <frequency>
• <frequency-percentage>

G

• <gradient>

I

• <ident>
• <image>
• <integer>

L

• <length>
• <length-percentage>

N

• <number>
• <number-percentage>

P

• <percentage>
• <position>

Q

• <quote>

R

• <ratio>
• <resolution>

S

• <<shape>()> '
• <shape-box>
• <shape-radius>
• <string>

T

• <time>
• <time-percentage>
• <timing-function>
• <toggle-value>
• <transform-function>
• <type-or-unit>

U

• <url>
• <url-modifier>

Z

• <zero>

Specifications

Specification	Status	Comment
CSS Values and Units Module Level 4	Editor's Draft
CSS Values and Units Module Level 3	Candidate Recommendation	Initial definition.

See Also

• CSS Units and Values
• Introduction to CSS: Values and Units

CSS data types by Mozilla Contributors is licensed under CC-BY-SA 2.5.