Every CSS declaration consists of a property/value pair. The value can take various forms depending on the property, such as a single integer, keyword, function, or a combination of different items; some values have units, while others do not. Every property also accepts the CSS-wide values. The CSS values and units module defines the data types â values and units â that CSS properties accept. This module also defines the CSS value definition syntax, or formal grammar, used to define the set of valid values for every CSS property and function.
Reference Properties Functionsabs()
acos()
asin()
atan()
atan2()
attr()
calc()
calc-size()
clamp()
cos()
exp()
hypot()
<ident()>
inherit()
log()
max()
min()
mod()
pow()
rem()
round()
sign()
sin()
sqrt()
tan()
<url()>
Additional functions, including calc-mix()
, crossorigin()
, first-valid()
, if()
, integrity()
, progress()
, random()
, random-item()
, referrerpolicy()
, sibling-count()
, sibling-index()
, src()
, type()
, and toggle()
, are defined in the specifications, but not yet implemented in browsers.
<angle-percentage>
<angle>
<animation-timeline>
<attr-name>
<attr-type>
<calc-keyword>
(e
, pi
, infinity
, NaN)<calc-size-basis>
<calc-sum>
<custom-ident>
<dashed-ident>
<dimension>
<easing-function>
<first-valid()>
<frequency>
<frequency-percentage>
<ident>
<integer>
<length-percentage>
<length>
<number>
<percentage>
<position>
<ratio>
<resolution>
<rounding-strategy>
(down
, up
, to-zero
)<string>
<syntax>
<time-percentage>
<time>
<url>
<url-modifier>
<view-timeline-name>
%
(percentage)cap
ch
cm
deg
dpcm
dpi
dppx
dvb
dvh
dvi
dvmax
dvmin
dvw
em
ex
grad
Hz
ic
in
kHz
lh
lvb
lvh
lvi
lvmax
lvmin
lvw
mm
ms
pc
pt
px
Q
rad
rcap
rch
rem
rex
ric
rlh
s
svb
svh
svi
svmax
svmin
svw
turn
vb
vh
vi
vmax
vmin
vw
x
Flex units (fr
) and container units (cqb
, cqh
, cqi
, cqmax
, cqmin
, cqw
) are defined in the CSS grid layout and CSS conditional rules modules, respectively.
cm
, in
, mm
, pc
, pt
, px
, Q
)deg
, grad
, rad
, turn
)vb
, vh
, vi
, vmax
, vmin
, vw
)dvb
, dvh
, dvi
, dvmax
, dvmin
, dvw
)Hz
, kHz
)lvb
, lvh
, lvi
, lvmax
, lvmin
, lvw
)cap
, ch
, em
, ex
, ic
, lh
)cm
, in
, mm
, pc
, pt
, Q
)cap
, ch
, em
, ex
, ic
, lh
, rem
, rlh
, vb
, vh
, vi
, vmax
, vmin
, vw
)dpcm
, dpi
, dppx
, x
)rcap
, rch
, rem
, rex
, ric
, rlh
)svb
, svh
, svi
, svmax
, svmin
, svw
)ms
, s
)dvh
, dvw
, lvh
, lvw
, svh
, svw
, vb
, vh
, vi
, vmax
, vmin
, vw
)px
)Introduction to CSS data types that define typical values accepted by CSS properties and functions.
Overview of the numeric data types, including integers, numbers, percentages, and dimensions, along with relative and absolute dimensions, angles, and time units.
Overview of the textual data types, including pre-defined keyword values, global CSS keyword values, and URLs.
Overview of the CSS statements that invoke special data processing or calculations to return a CSS value for a CSS property.
The CSS math functions that allow a property value to be written as a mathematical expression.
The formal grammar used to define the set of valid values for CSS properties and functions.
A look at some of the most frequently used value types, what they are, and how they work.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.3