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-n
stablenone
- test
.-d-c
contents
- test
.-d-b
block
- test
.-d-l
inline
initial value- test
.-d-r
run-in
- test
.-d-f
flow
- test
.-d-o
flow-root
- test
.-d-t
obsoletetable
- test
.-d-x
flex
- test
.-d-g
grid
- test
.-d-trg
obsoletetable-row-group
- test
.-d-thg
obsoletetable-header-group
- test
.-d-tfg
obsoletetable-footer-group
- test
.-d-tr
obsoletetable-row
- test
.-d-tc
obsoletetable-cell
- test
.-d-tlg
obsoletetable-column-group
- test
.-d-tl
obsoletetable-column
- test
.-d-s
list-item
- test
.-d-s_o
list-item flow-root
- test
.-d-s_l
list-item inline
- test
.-d-lb
deprecatedinline-block
- test
.-d-ls
deprecatedinline-list-item
- test
.-d-lt
deprecatedinline-table
- test
.-d-lf
deprecatedinline-flex
- test
.-d-lg
deprecatedinline-grid
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
auto
initial 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
-s
deprecatedscreen
-p
deprecatedprint
-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
auto
initial value- test
.-cw-z
0
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
normal
initial value- test
.-cg-z
0
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
-s
deprecatedscreen
-p
deprecatedprint
-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
none
initial 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
-s
deprecatedscreen
-p
deprecatedprint
-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
currentColor
initial value- test
.-crc-b
#000
- test
.-crc-w
#fff
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
balance
initial value- test
.-cf-a
auto
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
none
initial value- test
.-cs-a
all
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
row
initial value- test
.-xd-c
column
- test
.-xd-rr
row-reverse
- test
.-xd-cr
column-reverse
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
nowrap
initial value- test
.-xw-wp
wrap
- test
.-xw-wr
wrap-reverse
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
-s
deprecatedscreen
-p
deprecatedprint
-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
0
initial 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
-s
deprecatedscreen
-p
deprecatedprint
-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
none
initial 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
-s
deprecatedscreen
-p
deprecatedprint
-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
none
initial 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
-s
deprecatedscreen
-p
deprecatedprint
-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
0
initial value- test
-s
deprecatedscreen
-p
deprecatedprint
-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
0
initial value- test
-s
deprecatedscreen
-p
deprecatedprint
-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
normal
initial value- test
.-jc-c
center
- test
.-jc-s
start
- test
.-jc-e
end
- test
.-jc-xs
experimentalflex-start
- test
.-jc-xe
experimentalflex-end
- test
.-jc-st
stretch
- test
.-jc-sb
space-between
- test
.-jc-sa
space-around
- test
.-jc-sv
space-evenly
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
normal
initial value- test
.-ac-c
center
- test
.-ac-s
start
- test
.-ac-e
end
- test
.-ac-xs
experimentalflex-start
- test
.-ac-xe
experimentalflex-end
- test
.-ac-st
stretch
- test
.-ac-sb
space-between
- test
.-ac-sa
space-around
- test
.-ac-sv
space-evenly
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
normal
initial value- test
.-ji-c
center
- test
.-ji-s
start
- test
.-ji-e
end
- test
.-ji-xs
experimentalflex-start
- test
.-ji-xe
experimentalflex-end
- test
.-ji-ss
self-start
- test
.-ji-se
self-end
- test
.-ji-st
stretch
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
normal
initial value- test
.-ai-c
center
- test
.-ai-s
start
- test
.-ai-e
end
- test
.-ai-xs
experimentalflex-start
- test
.-ai-xe
experimentalflex-end
- test
.-ai-ss
self-start
- test
.-ai-se
self-end
- test
.-ai-st
stretch
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
auto
initial value- test
.-js-n
normal
- test
.-js-c
center
- test
.-js-s
start
- test
.-js-e
end
- test
.-js-xs
experimentalflex-start
- test
.-js-xe
experimentalflex-end
- test
.-js-ss
self-start
- test
.-js-se
self-end
- test
.-js-st
stretch
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
auto
initial value- test
.-as-n
normal
- test
.-as-c
center
- test
.-as-s
start
- test
.-as-e
end
- test
.-as-xs
experimentalflex-start
- test
.-as-xe
experimentalflex-end
- test
.-as-ss
self-start
- test
.-as-se
self-end
- test
.-as-st
stretch
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
static
initial value- test
.-ps-r
relative
- test
.-ps-a
absolute
- test
.-ps-f
fixed
- test
.-ps-k
experimentalsticky
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
auto
initial value- test
.-t-z
0
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
auto
initial value- test
.-b-z
0
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
auto
initial value- test
.-l-z
0
- test
-s
deprecatedscreen
-p
deprecatedprint
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-
right§
Specifies how far to position an element from the right.
Stability 3:StableThis feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary.
.-r-i
inherit
- test
.-r-0
initial
- test
.-r-u
unset
- test
.-r-a
auto
initial value- test
.-r-z
0
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
none
initial value- test
.-fl-l
left
- test
.-fl-r
right
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
none
initial value- test
.-cl-l
left
- test
.-cl-r
right
- test
.-cl-b
both
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
auto
initial 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
-s
deprecatedscreen
-p
deprecatedprint
-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-box
initial value- test
.-kz-r
experimentalborder-box
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
auto
initial 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
-s
deprecatedscreen
-p
deprecatedprint
-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
0
initial value- test
-s
deprecatedscreen
-p
deprecatedprint
-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
0
initial 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
-s
deprecatedscreen
-p
deprecatedprint
-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
0
initial 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
-s
deprecatedscreen
-p
deprecatedprint
-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
0
initial 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
-s
deprecatedscreen
-p
deprecatedprint
-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
0
initial 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
-s
deprecatedscreen
-p
deprecatedprint
-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
0
initial value- test
-s
deprecatedscreen
-p
deprecatedprint
-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
0
initial 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
-s
deprecatedscreen
-p
deprecatedprint
-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
0
initial 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
-s
deprecatedscreen
-p
deprecatedprint
-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
0
initial 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
-s
deprecatedscreen
-p
deprecatedprint
-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
0
initial 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
-s
deprecatedscreen
-p
deprecatedprint
-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
visible
initial value- test
.-ko-h
hidden
- test
.-ko-s
scroll
- test
-s
deprecatedscreen
-p
deprecatedprint
-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-k
experimentalclip
initial value- test
.-to-e
ellipsis
- test
.-to-f
experimentalfade
- test
-s
deprecatedscreen
-p
deprecatedprint
-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-cv
experimentalcursive
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
normal
initial 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
-s
deprecatedscreen
-p
deprecatedprint
-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
normal
initial value- test
.-fs-t
italic
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
-s
deprecatedscreen
-p
deprecatedprint
-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
normal
initial value- test
.-fv-s
small-caps
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
normal
initial value- test
.-lh-z
0
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
none
initial value- test
.-tt-cp
experimentalcapitalize
- test
.-tt-uc
experimentaluppercase
- test
.-tt-lc
experimentallowercase
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
normal
initial value- test
.-sp-nw
nowrap
- test
.-sp-pr
pre
- test
.-sp-pw
pre-wrap
- test
.-sp-pl
pre-line
- test
-s
deprecatedscreen
-p
deprecatedprint
-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-s
experimentalstart
initial value- test
.-ta-e
experimentalend
- test
.-ta-c
center
- test
.-ta-j
justify
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
baseline
initial value- test
.-va-b
bottom
- test
.-va-c
experimentalmiddle
- test
.-va-t
top
- test
.-va-tb
text-bottom
- test
.-va-tt
text-top
- test
.-va-sb
sub
- test
.-va-sp
experimentalsuper
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
normal
initial value- test
.-ws-z
0
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
normal
initial value- test
.-ls-z
0
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
0
initial value- test
-s
deprecatedscreen
-p
deprecatedprint
-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
none
initial value- test
-s
deprecatedscreen
-p
deprecatedprint
-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
-s
deprecatedscreen
-p
deprecatedprint
-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
repeat
initial 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
-s
deprecatedscreen
-p
deprecatedprint
-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-box
initial value- test
.-bo-r
experimentalborder-box
- test
-s
deprecatedscreen
-p
deprecatedprint
-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-r
experimentalborder-box
initial value- test
-s
deprecatedscreen
-p
deprecatedprint
-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-cn
experimentalcontain
- test
.-bz-cr
experimentalcover
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
scroll
initial value- test
.-ba-f
fixed
- test
.-ba-l
local
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
transparent
initial value- test
.-bc-c
currentColor
- test
.-bc-b
#000
- test
.-bc-w
#fff
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
-s
deprecatedscreen
-p
deprecatedprint
-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
none
initial 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
-s
deprecatedscreen
-p
deprecatedprint
-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
currentColor
initial value- test
.-rc-b
#000
- test
.-rc-w
#fff
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
0
initial value- test
.-rr-q
0.25rem
- test
.-rr-h
0.5rem
- test
.-rr-1
1rem
- test
.-rr-2
2rem
- test
.-rr-1o2
50%
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
none
initial value- test
-s
deprecatedscreen
-p
deprecatedprint
-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.0
initial value- test
-s
deprecatedscreen
-p
deprecatedprint
-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
visible
initial value- test
.-v-h
hidden
- test
.-v-c
collapse
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
-s
deprecatedscreen
-p
deprecatedprint
-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
none
initial value- test
.-td-ul
underline
- test
.-td-ol
overline
- test
.-td-lt
line-through
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
none
initial value- test
-s
deprecatedscreen
-p
deprecatedprint
-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
-s
deprecatedscreen
-p
deprecatedprint
-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-la
deprecatedlower-alpha
- test
.-lst-ua
deprecatedupper-alpha
- test
.-lst-ll
lower-latin
- test
.-lst-ul
upper-latin
- test
.-lst-lg
lower-greek
- test
.-lst-d
disc
initial value- test
.-lst-c
circle
- test
.-lst-s
square
- test
-s
deprecatedscreen
-p
deprecatedprint
-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
none
initial value- test
-s
deprecatedscreen
-p
deprecatedprint
-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
outside
initial value- test
.-lsp-is
inside
- test
-s
deprecatedscreen
-p
deprecatedprint
-sK
small+
-sM
medium+
-sG
large+
-sT
xlarge+
-sP
xxlarge+
-nK
xsmall-
-nM
small-
-nG
medium-
-nT
large-
-nP
xlarge-