skip to main content

Properties

This file lists information about each property and its supported values.

Properties

Layout

display§

Sets the type of box rendered.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-d-i
inherit
test
.-d-0
initial
test
.-d-u
unset
test
.-d-nstable
none
test
.-d-c
contents
test
.-d-b
block
test
.-d-l
inlineinitial value
test
.-d-r
run-in
test
.-d-f
flow
test
.-d-o
flow-root
test
.-d-tobsolete
table
test
.-d-x
flex
test
.-d-g
grid
test
.-d-trgobsolete
table-row-group
test
.-d-thgobsolete
table-header-group
test
.-d-tfgobsolete
table-footer-group
test
.-d-trobsolete
table-row
test
.-d-tcobsolete
table-cell
test
.-d-tlgobsolete
table-column-group
test
.-d-tlobsolete
table-column
test
.-d-s
list-item
test
.-d-s_o
list-item flow-root
test
.-d-s_l
list-item inline
test
.-d-lbdeprecated
inline-block
test
.-d-lsdeprecated
inline-list-item
test
.-d-ltdeprecated
inline-table
test
.-d-lfdeprecated
inline-flex
test
.-d-lgdeprecated
inline-grid
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

column-count§

Sets the number of columns of content.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-cc-i
inherit
test
.-cc-0
initial
test
.-cc-u
unset
test
.-cc-a
autoinitial value
test
.-cc-1
1
test
.-cc-2
2
test
.-cc-3
3
test
.-cc-4
4
test
.-cc-5
5
test
.-cc-6
6
test
.-cc-8
8
test
.-cc-10
10
test
.-cc-12
12
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

column-width§

Suggests the optimal width for columns of content.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-cw-i
inherit
test
.-cw-0
initial
test
.-cw-u
unset
test
.-cw-a
autoinitial value
test
.-cw-z
0
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

column-gap§

Sets the size of the gap between columns.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-cg-i
inherit
test
.-cg-0
initial
test
.-cg-u
unset
test
.-cg-n
normalinitial value
test
.-cg-z
0
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

column-rule-width§

Sets the width of the rule drawn between columns.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-crw-i
inherit
test
.-crw-0
initial
test
.-crw-u
unset
test
.-crw-z
0
test
.-crw-1
1px
test
.-crw-2
2px
test
.-crw-4
4px
test
.-crw-8
8px
test
.-crw-16
16px
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

column-rule-style§

Sets the line style of the rule drawn between columns.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-crs-i
inherit
test
.-crs-0
initial
test
.-crs-u
unset
test
.-crs-n
noneinitial value
test
.-crs-h
hidden
test
.-crs-s
solid
test
.-crs-do
dotted
test
.-crs-da
dashed
test
.-crs-db
double
test
.-crs-gv
groove
test
.-crs-rg
ridge
test
.-crs-is
inset
test
.-crs-os
outset
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

column-rule-color§

Sets the color of the rule drawn between columns.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-crc-i
inherit
test
.-crc-0
initial
test
.-crc-u
unset
test
.-crc-t
transparent
test
.-crc-c
currentColorinitial value
test
.-crc-b
#000
test
.-crc-w
#fff
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

column-fill§

Controls how contents are partitioned into columns.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-cf-i
inherit
test
.-cf-0
initial
test
.-cf-u
unset
test
.-cf-b
balanceinitial value
test
.-cf-a
auto
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

column-span§

Describes how many columns an element spans across.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-cs-i
inherit
test
.-cs-0
initial
test
.-cs-u
unset
test
.-cs-n
noneinitial value
test
.-cs-a
all
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

flex-direction§

Specifies how flex items are placed in the flex container.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-xd-i
inherit
test
.-xd-0
initial
test
.-xd-u
unset
test
.-xd-r
rowinitial value
test
.-xd-c
column
test
.-xd-rr
row-reverse
test
.-xd-cr
column-reverse
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

flex-wrap§

Determines whether boxes wrap to the next row or column.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-xw-i
inherit
test
.-xw-0
initial
test
.-xw-u
unset
test
.-xw-nw
nowrapinitial value
test
.-xw-wp
wrap
test
.-xw-wr
wrap-reverse
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

flex§

Shorthand for setting the flex-grow, flex-shrink, and flex-basis properties of an element.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-x-i
inherit
test
.-x-0
initial
test
.-x-u
unset
test
.-x-a
auto
test
.-x-c
content
test
.-x-z
0
test
.-x-h
0.5
test
.-x-1
1
test
.-x-2
2
test
.-x-1o1
100%
test
.-x-2o2
100%
test
.-x-3o3
100%
test
.-x-4o4
100%
test
.-x-5o5
100%
test
.-x-6o6
100%
test
.-x-8o8
100%
test
.-x-10o10
100%
test
.-x-12o12
100%
test
.-x-1o2
50%
test
.-x-2o4
50%
test
.-x-3o6
50%
test
.-x-4o8
50%
test
.-x-5o10
50%
test
.-x-6o12
50%
test
.-x-1o3
33.33%
test
.-x-2o6
33.33%
test
.-x-4o12
33.33%
test
.-x-2o3
66.67%
test
.-x-4o6
66.67%
test
.-x-8o12
66.67%
test
.-x-1o4
25%
test
.-x-2o8
25%
test
.-x-3o12
25%
test
.-x-3o4
75%
test
.-x-6o8
75%
test
.-x-9o12
75%
test
.-x-1o5
20%
test
.-x-2o10
20%
test
.-x-2o5
40%
test
.-x-4o10
40%
test
.-x-3o5
60%
test
.-x-6o10
60%
test
.-x-4o5
80%
test
.-x-8o10
80%
test
.-x-1o6
16.67%
test
.-x-2o12
16.67%
test
.-x-5o6
83.33%
test
.-x-10o12
83.33%
test
.-x-1o8
12.5%
test
.-x-3o8
37.5%
test
.-x-5o8
62.5%
test
.-x-7o8
87.5%
test
.-x-1o10
10%
test
.-x-3o10
30%
test
.-x-7o10
70%
test
.-x-9o10
90%
test
.-x-1o12
8.33%
test
.-x-5o12
41.67%
test
.-x-7o12
58.33%
test
.-x-11o12
91.67%
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

order§

Specifies the order used to lay out flex items.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-xo-i
inherit
test
.-xo-0
initial
test
.-xo-u
unset
test
.-xo-z
0initial value
test
.-xo-1
1
test
.-xo-2
2
test
.-xo-3
3
test
.-xo-4
4
test
.-xo-5
5
test
.-xo-6
6
test
.-xo-7
7
test
.-xo-8
8
test
.-xo-_1
-1
test
.-xo-_2
-2
test
.-xo-_3
-3
test
.-xo-_4
-4
test
.-xo-_5
-5
test
.-xo-_6
-6
test
.-xo-_7
-7
test
.-xo-_8
-8
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

grid-template-columns§

Defines track sizing functions of grid columns.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-gtc-i
inherit
test
.-gtc-0
initial
test
.-gtc-u
unset
test
.-gtc-n
noneinitial value
test
.-gtc-1
repeat(1, 1fr)
test
.-gtc-2
repeat(2, 1fr)
test
.-gtc-3
repeat(3, 1fr)
test
.-gtc-4
repeat(4, 1fr)
test
.-gtc-5
repeat(5, 1fr)
test
.-gtc-6
repeat(6, 1fr)
test
.-gtc-8
repeat(8, 1fr)
test
.-gtc-10
repeat(10, 1fr)
test
.-gtc-12
repeat(12, 1fr)
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

grid-template-rows§

Defines track sizing functions of grid rows.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-gtr-i
inherit
test
.-gtr-0
initial
test
.-gtr-u
unset
test
.-gtr-n
noneinitial value
test
.-gtr-1
repeat(1, 1fr)
test
.-gtr-2
repeat(2, 1fr)
test
.-gtr-3
repeat(3, 1fr)
test
.-gtr-4
repeat(4, 1fr)
test
.-gtr-5
repeat(5, 1fr)
test
.-gtr-6
repeat(6, 1fr)
test
.-gtr-8
repeat(8, 1fr)
test
.-gtr-10
repeat(10, 1fr)
test
.-gtr-12
repeat(12, 1fr)
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

grid-column-gap§

Sets the gutter size between grid columns.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-gcg-i
inherit
test
.-gcg-0
initial
test
.-gcg-u
unset
test
.-gcg-z
0initial value
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

grid-row-gap§

Sets the gutter size between grid rows.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-grg-i
inherit
test
.-grg-0
initial
test
.-grg-u
unset
test
.-grg-z
0initial value
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

justify-content§

Defines how space is distributed along the inline/main/row-axis.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-jc-i
inherit
test
.-jc-0
initial
test
.-jc-u
unset
test
.-jc-n
normalinitial value
test
.-jc-c
center
test
.-jc-s
start
test
.-jc-e
end
test
.-jc-xsexperimental
flex-start
test
.-jc-xeexperimental
flex-end
test
.-jc-st
stretch
test
.-jc-sb
space-between
test
.-jc-sa
space-around
test
.-jc-sv
space-evenly
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

align-content§

Defines how space is distributed along the block/cross/column-axis.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-ac-i
inherit
test
.-ac-0
initial
test
.-ac-u
unset
test
.-ac-n
normalinitial value
test
.-ac-c
center
test
.-ac-s
start
test
.-ac-e
end
test
.-ac-xsexperimental
flex-start
test
.-ac-xeexperimental
flex-end
test
.-ac-st
stretch
test
.-ac-sb
space-between
test
.-ac-sa
space-around
test
.-ac-sv
space-evenly
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

justify-items§

Defines how item contents are aligned along the inline/main/row-axis.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-ji-i
inherit
test
.-ji-0
initial
test
.-ji-u
unset
test
.-ji-n
normalinitial value
test
.-ji-c
center
test
.-ji-s
start
test
.-ji-e
end
test
.-ji-xsexperimental
flex-start
test
.-ji-xeexperimental
flex-end
test
.-ji-ss
self-start
test
.-ji-se
self-end
test
.-ji-st
stretch
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

align-items§

Defines how item contents are aligned along the block/cross/column-axis.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-ai-i
inherit
test
.-ai-0
initial
test
.-ai-u
unset
test
.-ai-n
normalinitial value
test
.-ai-c
center
test
.-ai-s
start
test
.-ai-e
end
test
.-ai-xsexperimental
flex-start
test
.-ai-xeexperimental
flex-end
test
.-ai-ss
self-start
test
.-ai-se
self-end
test
.-ai-st
stretch
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

justify-self§

Overrides parent `justify-items` property.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-js-i
inherit
test
.-js-0
initial
test
.-js-u
unset
test
.-js-a
autoinitial value
test
.-js-n
normal
test
.-js-c
center
test
.-js-s
start
test
.-js-e
end
test
.-js-xsexperimental
flex-start
test
.-js-xeexperimental
flex-end
test
.-js-ss
self-start
test
.-js-se
self-end
test
.-js-st
stretch
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

align-self§

Overrides parent `align-items` property.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-as-i
inherit
test
.-as-0
initial
test
.-as-u
unset
test
.-as-a
autoinitial value
test
.-as-n
normal
test
.-as-c
center
test
.-as-s
start
test
.-as-e
end
test
.-as-xsexperimental
flex-start
test
.-as-xeexperimental
flex-end
test
.-as-ss
self-start
test
.-as-se
self-end
test
.-as-st
stretch
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

position§

Sets the position of box rendered.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-ps-i
inherit
test
.-ps-0
initial
test
.-ps-u
unset
test
.-ps-s
staticinitial value
test
.-ps-r
relative
test
.-ps-a
absolute
test
.-ps-f
fixed
test
.-ps-kexperimental
sticky
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

top§

Specifies how far to position an element from the top.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-t-i
inherit
test
.-t-0
initial
test
.-t-u
unset
test
.-t-a
autoinitial value
test
.-t-z
0
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

bottom§

Specifies how far to position an element from the bottom.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-b-i
inherit
test
.-b-0
initial
test
.-b-u
unset
test
.-b-a
autoinitial value
test
.-b-z
0
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

left§

Specifies how far to position an element from the left.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-l-i
inherit
test
.-l-0
initial
test
.-l-u
unset
test
.-l-a
autoinitial value
test
.-l-z
0
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

float§

Floats the box in content.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-fl-i
inherit
test
.-fl-0
initial
test
.-fl-u
unset
test
.-fl-n
noneinitial value
test
.-fl-l
left
test
.-fl-r
right
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

clear§

Specifies positioning next to floating elements.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-cl-i
inherit
test
.-cl-0
initial
test
.-cl-u
unset
test
.-cl-n
noneinitial value
test
.-cl-l
left
test
.-cl-r
right
test
.-cl-b
both
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

z-index§

Defines the z-order of an element and descendants. Z-order is defined as the order of elements in the direction perpendicular to the screen.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-z-i
inherit
test
.-z-0
initial
test
.-z-u
unset
test
.-z-a
autoinitial value
test
.-z-z
0
test
.-z-1
1
test
.-z-2
2
test
.-z-3
3
test
.-z-4
4
test
.-z-5
5
test
.-z-6
6
test
.-z-7
7
test
.-z-8
8
test
.-z-_1
-1
test
.-z-_2
-2
test
.-z-_3
-3
test
.-z-_4
-4
test
.-z-_5
-5
test
.-z-_6
-6
test
.-z-_7
-7
test
.-z-_8
-8
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

Box Model

box-sizing§

Alters the CSS box model used to calculate width and height.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-kz-i
inherit
test
.-kz-0
initial
test
.-kz-u
unset
test
.-kz-c
content-boxinitial value
test
.-kz-rexperimental
border-box
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

width§

Sets the width of an element.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-w-i
inherit
test
.-w-0
initial
test
.-w-u
unset
test
.-w-a
autoinitial value
test
.-w-z
0
test
.-w-1o1
100%
test
.-w-2o2
100%
test
.-w-3o3
100%
test
.-w-4o4
100%
test
.-w-5o5
100%
test
.-w-6o6
100%
test
.-w-8o8
100%
test
.-w-10o10
100%
test
.-w-12o12
100%
test
.-w-1o2
50%
test
.-w-2o4
50%
test
.-w-3o6
50%
test
.-w-4o8
50%
test
.-w-5o10
50%
test
.-w-6o12
50%
test
.-w-1o3
33.33%
test
.-w-2o6
33.33%
test
.-w-4o12
33.33%
test
.-w-2o3
66.67%
test
.-w-4o6
66.67%
test
.-w-8o12
66.67%
test
.-w-1o4
25%
test
.-w-2o8
25%
test
.-w-3o12
25%
test
.-w-3o4
75%
test
.-w-6o8
75%
test
.-w-9o12
75%
test
.-w-1o5
20%
test
.-w-2o10
20%
test
.-w-2o5
40%
test
.-w-4o10
40%
test
.-w-3o5
60%
test
.-w-6o10
60%
test
.-w-4o5
80%
test
.-w-8o10
80%
test
.-w-1o6
16.67%
test
.-w-2o12
16.67%
test
.-w-5o6
83.33%
test
.-w-10o12
83.33%
test
.-w-1o8
12.5%
test
.-w-3o8
37.5%
test
.-w-5o8
62.5%
test
.-w-7o8
87.5%
test
.-w-1o10
10%
test
.-w-3o10
30%
test
.-w-7o10
70%
test
.-w-9o10
90%
test
.-w-1o12
8.33%
test
.-w-5o12
41.67%
test
.-w-7o12
58.33%
test
.-w-11o12
91.67%
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

margin§

Sets the margin space on an element.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-m-i
inherit
test
.-m-0
initial
test
.-m-u
unset
test
.-m-a
auto
test
.-m-z
0initial value
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

margin-top§

Sets the top margin space on an element.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-mt-i
inherit
test
.-mt-0
initial
test
.-mt-u
unset
test
.-mt-a
auto
test
.-mt-z
0initial value
test
.-mt-q
0.25vru
test
.-mt-h
0.5vru
test
.-mt-1
1vru
test
.-mt-2
2vru
test
.-mt-4
4vru
test
.-mt-8
8vru
test
.-mt-16
16vru
test
.-mt-_q
-0.25vru
test
.-mt-_h
-0.5vru
test
.-mt-_1
-1vru
test
.-mt-_2
-2vru
test
.-mt-_4
-4vru
test
.-mt-_8
-8vru
test
.-mt-_16
-16vru
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

margin-bottom§

Sets the bottom margin space on an element.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-mb-i
inherit
test
.-mb-0
initial
test
.-mb-u
unset
test
.-mb-a
auto
test
.-mb-z
0initial value
test
.-mb-q
0.25vru
test
.-mb-h
0.5vru
test
.-mb-1
1vru
test
.-mb-2
2vru
test
.-mb-4
4vru
test
.-mb-8
8vru
test
.-mb-16
16vru
test
.-mb-_q
-0.25vru
test
.-mb-_h
-0.5vru
test
.-mb-_1
-1vru
test
.-mb-_2
-2vru
test
.-mb-_4
-4vru
test
.-mb-_8
-8vru
test
.-mb-_16
-16vru
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

margin-left§

Sets the left margin space on an element.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-ml-i
inherit
test
.-ml-0
initial
test
.-ml-u
unset
test
.-ml-a
auto
test
.-ml-z
0initial value
test
.-ml-q
0.25rem
test
.-ml-h
0.5rem
test
.-ml-1
1rem
test
.-ml-2
2rem
test
.-ml-4
4rem
test
.-ml-8
8rem
test
.-ml-16
16rem
test
.-ml-_q
-0.25rem
test
.-ml-_h
-0.5rem
test
.-ml-_1
-1rem
test
.-ml-_2
-2rem
test
.-ml-_4
-4rem
test
.-ml-_8
-8rem
test
.-ml-_16
-16rem
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

margin-right§

Sets the right margin space on an element.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-mr-i
inherit
test
.-mr-0
initial
test
.-mr-u
unset
test
.-mr-a
auto
test
.-mr-z
0initial value
test
.-mr-q
0.25rem
test
.-mr-h
0.5rem
test
.-mr-1
1rem
test
.-mr-2
2rem
test
.-mr-4
4rem
test
.-mr-8
8rem
test
.-mr-16
16rem
test
.-mr-_q
-0.25rem
test
.-mr-_h
-0.5rem
test
.-mr-_1
-1rem
test
.-mr-_2
-2rem
test
.-mr-_4
-4rem
test
.-mr-_8
-8rem
test
.-mr-_16
-16rem
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

padding§

Sets the padding space on an element.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-p-i
inherit
test
.-p-0
initial
test
.-p-u
unset
test
.-p-z
0initial value
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

padding-top§

Sets the top padding space on an element.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-pt-i
inherit
test
.-pt-0
initial
test
.-pt-u
unset
test
.-pt-z
0initial value
test
.-pt-q
0.25vru
test
.-pt-h
0.5vru
test
.-pt-1
1vru
test
.-pt-2
2vru
test
.-pt-4
4vru
test
.-pt-8
8vru
test
.-pt-16
16vru
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

padding-bottom§

Sets the bottom padding space on an element.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-pb-i
inherit
test
.-pb-0
initial
test
.-pb-u
unset
test
.-pb-z
0initial value
test
.-pb-q
0.25vru
test
.-pb-h
0.5vru
test
.-pb-1
1vru
test
.-pb-2
2vru
test
.-pb-4
4vru
test
.-pb-8
8vru
test
.-pb-16
16vru
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

padding-left§

Sets the left padding space on an element.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-pl-i
inherit
test
.-pl-0
initial
test
.-pl-u
unset
test
.-pl-z
0initial value
test
.-pl-q
0.25rem
test
.-pl-h
0.5rem
test
.-pl-1
1rem
test
.-pl-2
2rem
test
.-pl-4
4rem
test
.-pl-8
8rem
test
.-pl-16
16rem
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

padding-right§

Sets the right padding space on an element.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-pr-i
inherit
test
.-pr-0
initial
test
.-pr-u
unset
test
.-pr-z
0initial value
test
.-pr-q
0.25rem
test
.-pr-h
0.5rem
test
.-pr-1
1rem
test
.-pr-2
2rem
test
.-pr-4
4rem
test
.-pr-8
8rem
test
.-pr-16
16rem
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

overflow§

Defines how content outside the box is rendered.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-ko-i
inherit
test
.-ko-0
initial
test
.-ko-u
unset
test
.-ko-a
auto
test
.-ko-v
visibleinitial value
test
.-ko-h
hidden
test
.-ko-s
scroll
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

text-overflow§

Defines how invisible overflowed text content, if any, is rendered.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-to-i
inherit
test
.-to-0
initial
test
.-to-u
unset
test
.-to-kexperimental
clipinitial value
test
.-to-e
ellipsis
test
.-to-fexperimental
fade
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

Typography

font-family§

Sets the typeface.inherited

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-ff-i
inherit
test
.-ff-0
initial
test
.-ff-u
unset
test
.-ff-ss
sans-serif
test
.-ff-sf
serif
test
.-ff-ms
monospace
test
.-ff-fy
fantasy
test
.-ff-cvexperimental
cursive
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

font-weight§

Sets weight on the typeface.inherited

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-fw-i
inherit
test
.-fw-0
initial
test
.-fw-u
unset
test
.-fw-n
normalinitial value
test
.-fw-b
bold
test
.-fw-100
100
test
.-fw-200
200
test
.-fw-300
300
test
.-fw-400
400
test
.-fw-500
500
test
.-fw-600
600
test
.-fw-700
700
test
.-fw-800
800
test
.-fw-900
900
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-
-h
hover

font-stretch Not Found

font-style§

Sets italics or oblique on the typeface.inherited

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-fs-i
inherit
test
.-fs-0
initial
test
.-fs-u
unset
test
.-fs-n
normalinitial value
test
.-fs-t
italic
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-
-h
hover

font-size§

Sets the font size.inherited

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-fz-i
inherit
test
.-fz-0
initial
test
.-fz-u
unset
test
.-fz-z
0
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

font-kerning Not Found

font-variant§

Sets small capitals on the typeface.inherited

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-fv-i
inherit
test
.-fv-0
initial
test
.-fv-u
unset
test
.-fv-n
normalinitial value
test
.-fv-s
small-caps
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-
-h
hover

line-height§

Sets the minimum height of line boxes.inherited

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-lh-i
inherit
test
.-lh-0
initial
test
.-lh-u
unset
test
.-lh-n
normalinitial value
test
.-lh-z
0
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

text-transform§

Capitalizes text.inherited

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-tt-i
inherit
test
.-tt-0
initial
test
.-tt-u
unset
test
.-tt-n
noneinitial value
test
.-tt-cpexperimental
capitalize
test
.-tt-ucexperimental
uppercase
test
.-tt-lcexperimental
lowercase
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-
-h
hover

white-space§

Determines how white space in source code is rendered.inherited

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-sp-i
inherit
test
.-sp-0
initial
test
.-sp-u
unset
test
.-sp-n
normalinitial value
test
.-sp-nw
nowrap
test
.-sp-pr
pre
test
.-sp-pw
pre-wrap
test
.-sp-pl
pre-line
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

text-align§

Aligns inline content in a block.inherited

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-ta-i
inherit
test
.-ta-0
initial
test
.-ta-u
unset
test
.-ta-l
left
test
.-ta-r
right
test
.-ta-sexperimental
startinitial value
test
.-ta-eexperimental
end
test
.-ta-c
center
test
.-ta-j
justify
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

text-justify Not Found

vertical-align§

Vertically aligns an inline or table-cell box.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-va-i
inherit
test
.-va-0
initial
test
.-va-u
unset
test
.-va-a
baselineinitial value
test
.-va-b
bottom
test
.-va-cexperimental
middle
test
.-va-t
top
test
.-va-tb
text-bottom
test
.-va-tt
text-top
test
.-va-sb
sub
test
.-va-spexperimental
super
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

word-spacing§

Sets the spacing between tags and words in text.inherited

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-ws-i
inherit
test
.-ws-0
initial
test
.-ws-u
unset
test
.-ws-n
normalinitial value
test
.-ws-z
0
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

letter-spacing§

Sets the spacing between characters in text.inherited

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-ls-i
inherit
test
.-ls-0
initial
test
.-ls-u
unset
test
.-ls-n
normalinitial value
test
.-ls-z
0
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

text-indent§

Leaves empty space before lines of text in a block.inherited

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-ti-i
inherit
test
.-ti-0
initial
test
.-ti-u
unset
test
.-ti-z
0initial value
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

Box Cosmetics

background-image§

Sets the background image.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-bi-i
inherit
test
.-bi-0
initial
test
.-bi-u
unset
test
.-bi-n
noneinitial value
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

background-position§

Sets the position of the background image.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-bp-i
inherit
test
.-bp-0
initial
test
.-bp-u
unset
test
.-bp-l
left
test
.-bp-r
right
test
.-bp-c
center
test
.-bp-t
top
test
.-bp-b
bottom
test
.-bp-lt
left top
test
.-bp-lc
left center
test
.-bp-lb
left bottom
test
.-bp-ct
center top
test
.-bp-cc
center center
test
.-bp-cb
center bottom
test
.-bp-rt
right top
test
.-bp-rc
right center
test
.-bp-rb
right bottom
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

background-repeat§

Defines how the background image repeats.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-br-i
inherit
test
.-br-0
initial
test
.-br-u
unset
test
.-br-r
repeatinitial value
test
.-br-nr
no-repeat
test
.-br-sp
space
test
.-br-rd
round
test
.-br-rx
repeat-x
test
.-br-ry
repeat-y
test
.-br-spx
space-x
test
.-br-spy
space-y
test
.-br-rdx
round-x
test
.-br-rdy
round-y
test
.-br-r_sp
repeat space
test
.-br-r_rd
repeat round
test
.-br-sp_r
space repeat
test
.-br-sp_rd
space round
test
.-br-rd_r
round repeat
test
.-br-rd_sp
round space
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

background-origin§

Sets the position of the origin of the background image.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-bo-i
inherit
test
.-bo-0
initial
test
.-bo-u
unset
test
.-bo-c
content-box
test
.-bo-p
padding-boxinitial value
test
.-bo-rexperimental
border-box
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

background-clip§

Sets whether the background image/color extends beneath the padding/border.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-bk-i
inherit
test
.-bk-0
initial
test
.-bk-u
unset
test
.-bk-c
content-box
test
.-bk-p
padding-box
test
.-bk-rexperimental
border-boxinitial value
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

background-size§

Sets the size of the background image.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-bz-i
inherit
test
.-bz-0
initial
test
.-bz-u
unset
test
.-bz-a
auto
test
.-bz-cnexperimental
contain
test
.-bz-crexperimental
cover
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

background-attachment§

Sets how the background image is attached to the viewport.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-ba-i
inherit
test
.-ba-0
initial
test
.-ba-u
unset
test
.-ba-s
scrollinitial value
test
.-ba-f
fixed
test
.-ba-l
local
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

background-color§

Sets the background color.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-bc-i
inherit
test
.-bc-0
initial
test
.-bc-u
unset
test
.-bc-t
transparentinitial value
test
.-bc-c
currentColor
test
.-bc-b
#000
test
.-bc-w
#fff
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-
-h
hover

border-width§

Sets the line width of an element’s border.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-rw-i
inherit
test
.-rw-0
initial
test
.-rw-u
unset
test
.-rw-z
0
test
.-rw-1
1px
test
.-rw-2
2px
test
.-rw-4
4px
test
.-rw-8
8px
test
.-rw-16
16px
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

border-style§

Sets the line style of an element’s border.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-rs-i
inherit
test
.-rs-0
initial
test
.-rs-u
unset
test
.-rs-n
noneinitial value
test
.-rs-h
hidden
test
.-rs-s
solid
test
.-rs-do
dotted
test
.-rs-da
dashed
test
.-rs-db
double
test
.-rs-gv
groove
test
.-rs-rg
ridge
test
.-rs-is
inset
test
.-rs-os
outset
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

border-color§

Sets the color of an element’s border.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-rc-i
inherit
test
.-rc-0
initial
test
.-rc-u
unset
test
.-rc-t
transparent
test
.-rc-c
currentColorinitial value
test
.-rc-b
#000
test
.-rc-w
#fff
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

border-radius§

Defines rounded corners on an element.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-rr-i
inherit
test
.-rr-0
initial
test
.-rr-u
unset
test
.-rr-z
0initial value
test
.-rr-q
0.25rem
test
.-rr-h
0.5rem
test
.-rr-1
1rem
test
.-rr-2
2rem
test
.-rr-1o2
50%
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

box-shadow§

Describes one or more shadow effects on the frame of an element.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-ks-i
inherit
test
.-ks-0
initial
test
.-ks-u
unset
test
.-ks-n
noneinitial value
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

opacity§

Sets the transparency of an element.

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-o-i
inherit
test
.-o-0
initial
test
.-o-u
unset
test
.-o-z
0.0
test
.-o-h
0.5
test
.-o-1
1.0initial value
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-
-h
hover

visibility§

Specifies whether an element is visible or hidden.inherited

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-v-i
inherit
test
.-v-0
initial
test
.-v-u
unset
test
.-v-v
visibleinitial value
test
.-v-h
hidden
test
.-v-c
collapse
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

Text Cosmetics

color§

Sets the text color.inherited

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-c-i
inherit
test
.-c-0
initial
test
.-c-u
unset
test
.-c-t
transparent
test
.-c-c
currentColor
test
.-c-b
#000
test
.-c-w
#fff
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-
-h
hover

text-decoration§

Sets a line decoration to text.

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-td-i
inherit
test
.-td-0
initial
test
.-td-u
unset
test
.-td-n
noneinitial value
test
.-td-ul
underline
test
.-td-ol
overline
test
.-td-lt
line-through
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-
-h
hover

text-shadow§

Describes shadow effects on the text and text-decorations of an element.inherited

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-ts-i
inherit
test
.-ts-0
initial
test
.-ts-u
unset
test
.-ts-n
noneinitial value
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

quotes§

Specifies how quotation marks should be rendered.inherited

Stability 2:ExperimentalThis feature is in development, but is unsupported or subject to change. It could be removed in future versions.

.-q-i
inherit
test
.-q-0
initial
test
.-q-u
unset
test
.-q-n
none
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

Miscellaneous

list-style-type§

Specifies the appearance of list item markers.inherited

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-lst-i
inherit
test
.-lst-0
initial
test
.-lst-u
unset
test
.-lst-n
none
test
.-lst-dc
decimal
test
.-lst-dz
decimal-leading-zero
test
.-lst-lr
lower-roman
test
.-lst-ur
upper-roman
test
.-lst-ladeprecated
lower-alpha
test
.-lst-uadeprecated
upper-alpha
test
.-lst-ll
lower-latin
test
.-lst-ul
upper-latin
test
.-lst-lg
lower-greek
test
.-lst-d
discinitial value
test
.-lst-c
circle
test
.-lst-s
square
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

list-style-image§

Sets the image used as list item markers.inherited

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-lsi-i
inherit
test
.-lsi-0
initial
test
.-lsi-u
unset
test
.-lsi-n
noneinitial value
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-

list-style-position§

Sets the position of list item markers.inherited

Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.

.-lsp-i
inherit
test
.-lsp-0
initial
test
.-lsp-u
unset
test
.-lsp-os
outsideinitial value
test
.-lsp-is
inside
test
-sdeprecated
screen
-pdeprecated
print
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-
jump to top