CSS3 Styles List Table

Notes: All properties are fully supports in most newest browsers versions.

Notes: Those are not all the properties in CSS3.

The numbers in the table specify the first browser version that fully supports the property.

Numbers followed by -webkit-, -ms-, -moz-, or -o- specify the first version that worked with a prefix.

Property Description
@keyframes Specifies the animation code. 43.0
4.0 -webkit-
10.0 16.0
5.0 -moz-
30.0
15.0 -webkit-
12.0 -o-
9.0
4.0 -webkit-
align-content Specifies the alignment between the lines inside a flexible container. 21.0 11.0 28.0 12.1 9.0
7.0 -webkit-
align-items Specifies the alignment for items inside a flexible container. 21.0 11.0 28.0 12.1 9.0
7.0 -webkit-
align-self Specifies the alignment for selected items inside a flexible container. 21.0 11.0 28.0 12.1 9.0
7.0 -webkit-
animation A shorthand property for all the animation properties. 43.0
4.0 -webkit-
10.0 16.0
5.0 -moz-
30.0
15.0 -webkit-
12.0 -o-
9.0
4.0 -webkit-
backface-visibility Defines whether or not an element should be visible when not facing the screen. 26.0
12.0 -webkit-
10.0 16.0
10.0 -moz-
23.0
15.0 -webkit-
9.0
4.0 -webkit-
background-blend-mode Specifies the blending mode of each background layer (color/image). 35.0 No 30.0 22.0 7.1
background-clip Specifies the painting area of the background. 4.0 9.0 4.0 10.5 3.0
background-origin Specifies where the background image(s) is/are positioned. 4.0 9.0 4.0 10.5 3.0
background-size Specifies the size of the background image(s). 4.0
1.0 -webkit-
9.0 4.0
3.6 -moz-
10.5
10.0 -o-
4.1
3.0 -webkit-
border-image A shorthand property for setting the border image. 16.0
4.0 -webkit-
11.0 15.0
3.5 -moz-
15.0
11.0 -o-
6.0
3.1 -webkit-
border-radius A shorthand property for setting border radius. 5.0
4.0 -webkit-
9.0 4.0
3.0 -moz-
10.0 5.0
3.1 -webkit-
box-sizing Tells the browser what the sizing properties (width and height) should include. 10.0
4.0 -webkit-
8.0 29.0
2.0 -moz-
9.0 5.1
3.2 -webkit-
columns A shorthand property for setting column-width and column-count. 50.0
4.0 -webkit-
10.0 52.0
9.0 -moz-
37.0
15.0 -webkit-
11.1 -o-
9.0
3.1 -webkit-
filter Defines effects (e.g. blurring or color shifting) on an element. 53.0
18.0 -webkit-
13.0 35.0 40.0
15.0 -webkit-
12.0 -o-
9.1
6.0 -webkit-
flex Specifies the length of the item, relative to the rest. 29.0
21.0 -webkit-
11.0 28.0
18.0 -moz-
17.0 9.0
6.1 -webkit-
flex-basis Specifies the initial length of a flexible item. 29.0
21.0 -webkit-
11.0 28.0
18.0 -moz-
17.0 9.0
6.1 -webkit-
flex-direction Specifies the direction of the flexible items. 29.0
21.0 -webkit-
11.0 28.0
18.0 -moz-
17.0 9.0
6.1 -webkit-
flex-flow A shorthand property for the flex-direction and the flex-wrap properties. 29.0
21.0 -webkit-
11.0 28.0
18.0 -moz-
17.0 9.0
6.1 -webkit-
flex-grow Specifies how much the item will grow relative to the rest. 29.0
21.0 -webkit-
11.0 28.0
18.0 -moz-
17.0 9.0
6.1 -webkit-
flex-shrink Specifies how the item will shrink relative to the rest. 29.0
21.0 -webkit-
11.0 28.0
18.0 -moz-
17.0 9.0
6.1 -webkit-
flex-wrap Specifies whether the flexible items should wrap or not. 29.0
21.0 -webkit-
11.0 28.0
18.0 -moz-
17.0 9.0
6.1 -webkit-
justify-content Specifies the alignment between the items inside a flexible container. 29.0
21.0 -webkit-
11.0 28.0
18.0 -moz-
17.0 9.0
6.1 -webkit-
order Sets the order of the flexible item, relative to the rest. 29.0
21.0 -webkit-
11.0 28.0
18.0 -moz-
17.0 9.0
6.1 -webkit-
overflow-x Specifies what happens if content overflows an element's box (left/right). 4.0 9.0
8.0 -ms-
3.5 9.5 3.0
overflow-y Specifies what happens if content overflows an element's box (top/bottom). 4.0 9.0
8.0 -ms-
3.5 9.5 3.0
perspective Specifies the perspective on how 3D elements are viewed. 26.0
12.0 -webkit-
10.0 16.0
10.0 -moz-
23.0
15.0 -webkit-
9.0
4.0 -webkit-
perspective-origin Specifies the bottom position of 3D elements. 26.0
12.0 -webkit-
10.0 16.0
10.0 -moz-
23.0
15.0 -webkit-
9.0
4.0 -webkit-
resize Specifies whether is resizable by the user. 4.0 No 5.0
4.0 -moz-
15.0 4.0
text-decoration-color Specifies the color of the text-decoration. 50.0
31.0 -webkit-
No 36
6.0 -moz-
No 7.1 -webkit-
text-decoration-line Specifies the type of line in a text-decoration. 50.0
31.0 -webkit-
No 36
6.0 -moz-
No 7.1 -webkit-
text-decoration-style Specifies the style of the line in a text decoration. 50.0
31.0 -webkit-
No 36
6.0 -moz-
No 7.1 -webkit-
text-overflow Specifies what should happen when text overflows the containing element. 4.0 6.0 7.0 11.0
9.0 -o-
3.1
text-shadow Adds shadow to text. 4.0 10.0 3.5 9.6 4.0
transform Applies a 2D or 3D transformation to an element. 26.0
12.0 -webkit-
10.0 16.0
10.0 -moz-
23.0
15.0 -webkit-
9.0
4.0 -webkit-
transform-origin Allows you to change the position on transformed elements. 26.0
12.0 -webkit-
10.0 16.0
10.0 -moz-
23.0
15.0 -webkit-
9.0
4.0 -webkit-
transform-style Specifies how nested elements are rendered in 3D space. 26.0
12.0 -webkit-
11.0 16.0
10.0 -moz-
23.0
15.0 -webkit-
9.0
4.0 -webkit-
transition A shorthand property for setting the four transition properties. 26.0
4.0 -webkit-
10.0 16.0
4.0 -moz-
12.1
10.5 -o-
6.1
3.1 -webkit-
user-select Specifies whether the text of an element can be selected. 54.0
6.0 -webkit-
1.0
10.0 -ms-
1.0
2.0 -moz-
41.0
15.0 -webkit-
1.0
3.1 -webkit-
word-break Specifies line breaking rules for non-CJK scripts. 4.0 5.5 15.0 15.0 3.1
word-wrap Allows long, unbreakable words to be broken and wrap to the next line. 4.0 5.5 3.5 10.5 3.1