The CSS3 test
Your browser scores
96%
Determined by passing
400
tests out of
500
total for
18
features
Backgrounds and Borders 3
TR
DEV
96%
properties
background-repeat
space
round
repeat repeat
space repeat
round repeat
no-repeat repeat
repeat space
space space
round space
no-repeat space
repeat round
space round
round round
no-repeat round
repeat no-repeat
space no-repeat
round no-repeat
no-repeat no-repeat
repeat, repeat, repeat
space, repeat, repeat
round, repeat, repeat
no-repeat, repeat, repeat
repeat, space, repeat
space, space, repeat
round, space, repeat
no-repeat, space, repeat
repeat, round, repeat
space, round, repeat
round, round, repeat
no-repeat, round, repeat
repeat, no-repeat, repeat
space, no-repeat, repeat
round, no-repeat, repeat
no-repeat, no-repeat, repeat
repeat, repeat, space
space, repeat, space
round, repeat, space
no-repeat, repeat, space
repeat, space, space
space, space, space
round, space, space
no-repeat, space, space
repeat, round, space
space, round, space
round, round, space
no-repeat, round, space
repeat, no-repeat, space
space, no-repeat, space
round, no-repeat, space
no-repeat, no-repeat, space
repeat, repeat, round
space, repeat, round
round, repeat, round
no-repeat, repeat, round
repeat, space, round
space, space, round
round, space, round
no-repeat, space, round
repeat, round, round
space, round, round
round, round, round
no-repeat, round, round
repeat, no-repeat, round
space, no-repeat, round
round, no-repeat, round
no-repeat, no-repeat, round
repeat, repeat, no-repeat
space, repeat, no-repeat
round, repeat, no-repeat
no-repeat, repeat, no-repeat
repeat, space, no-repeat
space, space, no-repeat
round, space, no-repeat
no-repeat, space, no-repeat
repeat, round, no-repeat
space, round, no-repeat
round, round, no-repeat
no-repeat, round, no-repeat
repeat, no-repeat, no-repeat
space, no-repeat, no-repeat
round, no-repeat, no-repeat
no-repeat, no-repeat, no-repeat
background-image
url(foo.png), url(bar.svg)
background-attachment
local
scroll, scroll, scroll
local, scroll, scroll
fixed, scroll, scroll
scroll, local, scroll
local, local, scroll
fixed, local, scroll
scroll, fixed, scroll
local, fixed, scroll
fixed, fixed, scroll
scroll, scroll, local
local, scroll, local
fixed, scroll, local
scroll, local, local
local, local, local
fixed, local, local
scroll, fixed, local
local, fixed, local
fixed, fixed, local
scroll, scroll, fixed
local, scroll, fixed
fixed, scroll, fixed
scroll, local, fixed
local, local, fixed
fixed, local, fixed
scroll, fixed, fixed
local, fixed, fixed
fixed, fixed, fixed
background-position
bottom 10px right 20px
bottom 10px right
right 3em bottom 10px
top right 10px
background-clip
border-box
padding-box
content-box
border-box, border-box, border-box
padding-box, border-box, border-box
content-box, border-box, border-box
border-box, padding-box, border-box
padding-box, padding-box, border-box
content-box, padding-box, border-box
border-box, content-box, border-box
padding-box, content-box, border-box
content-box, content-box, border-box
border-box, border-box, padding-box
padding-box, border-box, padding-box
content-box, border-box, padding-box
border-box, padding-box, padding-box
padding-box, padding-box, padding-box
content-box, padding-box, padding-box
border-box, content-box, padding-box
padding-box, content-box, padding-box
content-box, content-box, padding-box
border-box, border-box, content-box
padding-box, border-box, content-box
content-box, border-box, content-box
border-box, padding-box, content-box
padding-box, padding-box, content-box
content-box, padding-box, content-box
border-box, content-box, content-box
padding-box, content-box, content-box
content-box, content-box, content-box
-webkit-background-clip
padding
border
padding, padding, padding
border, padding, padding
border-box, padding, padding
padding-box, padding, padding
content-box, padding, padding
padding, border, padding
border, border, padding
border-box, border, padding
padding-box, border, padding
content-box, border, padding
padding, border-box, padding
border, border-box, padding
border-box, border-box, padding
padding-box, border-box, padding
content-box, border-box, padding
padding, padding-box, padding
border, padding-box, padding
border-box, padding-box, padding
padding-box, padding-box, padding
content-box, padding-box, padding
padding, content-box, padding
border, content-box, padding
border-box, content-box, padding
padding-box, content-box, padding
content-box, content-box, padding
padding, padding, border
border, padding, border
border-box, padding, border
padding-box, padding, border
content-box, padding, border
padding, border, border
border, border, border
border-box, border, border
padding-box, border, border
content-box, border, border
padding, border-box, border
border, border-box, border
border-box, border-box, border
padding-box, border-box, border
content-box, border-box, border
padding, padding-box, border
border, padding-box, border
border-box, padding-box, border
padding-box, padding-box, border
content-box, padding-box, border
padding, content-box, border
border, content-box, border
border-box, content-box, border
padding-box, content-box, border
content-box, content-box, border
padding, padding, border-box
border, padding, border-box
border-box, padding, border-box
padding-box, padding, border-box
content-box, padding, border-box
padding, border, border-box
border, border, border-box
border-box, border, border-box
padding-box, border, border-box
content-box, border, border-box
padding, border-box, border-box
border, border-box, border-box
border-box, border-box, border-box
padding-box, border-box, border-box
content-box, border-box, border-box
padding, padding-box, border-box
border, padding-box, border-box
border-box, padding-box, border-box
padding-box, padding-box, border-box
content-box, padding-box, border-box
padding, content-box, border-box
border, content-box, border-box
border-box, content-box, border-box
padding-box, content-box, border-box
content-box, content-box, border-box
padding, padding, padding-box
border, padding, padding-box
border-box, padding, padding-box
padding-box, padding, padding-box
content-box, padding, padding-box
padding, border, padding-box
border, border, padding-box
border-box, border, padding-box
padding-box, border, padding-box
content-box, border, padding-box
padding, border-box, padding-box
border, border-box, padding-box
border-box, border-box, padding-box
padding-box, border-box, padding-box
content-box, border-box, padding-box
padding, padding-box, padding-box
border, padding-box, padding-box
border-box, padding-box, padding-box
padding-box, padding-box, padding-box
content-box, padding-box, padding-box
padding, content-box, padding-box
border, content-box, padding-box
border-box, content-box, padding-box
padding-box, content-box, padding-box
content-box, content-box, padding-box
padding, padding, content-box
border, padding, content-box
border-box, padding, content-box
padding-box, padding, content-box
content-box, padding, content-box
padding, border, content-box
border, border, content-box
border-box, border, content-box
padding-box, border, content-box
content-box, border, content-box
padding, border-box, content-box
border, border-box, content-box
border-box, border-box, content-box
padding-box, border-box, content-box
content-box, border-box, content-box
padding, padding-box, content-box
border, padding-box, content-box
border-box, padding-box, content-box
padding-box, padding-box, content-box
content-box, padding-box, content-box
padding, content-box, content-box
border, content-box, content-box
border-box, content-box, content-box
padding-box, content-box, content-box
content-box, content-box, content-box
background-origin
border-box
padding-box
content-box
border-box, border-box, border-box
padding-box, border-box, border-box
content-box, border-box, border-box
border-box, padding-box, border-box
padding-box, padding-box, border-box
content-box, padding-box, border-box
border-box, content-box, border-box
padding-box, content-box, border-box
content-box, content-box, border-box
border-box, border-box, padding-box
padding-box, border-box, padding-box
content-box, border-box, padding-box
border-box, padding-box, padding-box
padding-box, padding-box, padding-box
content-box, padding-box, padding-box
border-box, content-box, padding-box
padding-box, content-box, padding-box
content-box, content-box, padding-box
border-box, border-box, content-box
padding-box, border-box, content-box
content-box, border-box, content-box
border-box, padding-box, content-box
padding-box, padding-box, content-box
content-box, padding-box, content-box
border-box, content-box, content-box
padding-box, content-box, content-box
content-box, content-box, content-box
background-size
auto
cover
contain
10px
50%
10px auto
auto 10%
50em 50%
auto, auto, auto
cover, auto, auto
contain, auto, auto
50em 50%, auto, auto
auto, cover, auto
cover, cover, auto
contain, cover, auto
50em 50%, cover, auto
auto, contain, auto
cover, contain, auto
contain, contain, auto
50em 50%, contain, auto
auto, 50em 50%, auto
cover, 50em 50%, auto
contain, 50em 50%, auto
50em 50%, 50em 50%, auto
auto, auto, cover
cover, auto, cover
contain, auto, cover
50em 50%, auto, cover
auto, cover, cover
cover, cover, cover
contain, cover, cover
50em 50%, cover, cover
auto, contain, cover
cover, contain, cover
contain, contain, cover
50em 50%, contain, cover
auto, 50em 50%, cover
cover, 50em 50%, cover
contain, 50em 50%, cover
50em 50%, 50em 50%, cover
auto, auto, contain
cover, auto, contain
contain, auto, contain
50em 50%, auto, contain
auto, cover, contain
cover, cover, contain
contain, cover, contain
50em 50%, cover, contain
auto, contain, contain
cover, contain, contain
contain, contain, contain
50em 50%, contain, contain
auto, 50em 50%, contain
cover, 50em 50%, contain
contain, 50em 50%, contain
50em 50%, 50em 50%, contain
auto, auto, 50em 50%
cover, auto, 50em 50%
contain, auto, 50em 50%
50em 50%, auto, 50em 50%
auto, cover, 50em 50%
cover, cover, 50em 50%
contain, cover, 50em 50%
50em 50%, cover, 50em 50%
auto, contain, 50em 50%
cover, contain, 50em 50%
contain, contain, 50em 50%
50em 50%, contain, 50em 50%
auto, 50em 50%, 50em 50%
cover, 50em 50%, 50em 50%
contain, 50em 50%, 50em 50%
50em 50%, 50em 50%, 50em 50%
background
none
0
0 0
border-box
padding-box
content-box
no-repeat
space
round
10px / auto
50% / cover
50% / contain
url(foo.png), url(bar.svg)
bottom 10px right 20px
top left / 50% 60%
border-box padding-box
url(foo.png) bottom right / cover padding-box content-box
border-radius
10px
50%
10px / 20px
2px 4px 8px 16px
border-image-source
none
url(foo.png)
border-image-slice
10
30%
10 10
30% 10
10 30%
30% 30%
10 10 10
30% 10 10
10 30% 10
30% 30% 10
10 10 30%
30% 10 30%
10 30% 30%
30% 30% 30%
10 10 10 10
30% 10 10 10
10 30% 10 10
30% 30% 10 10
10 10 30% 10
30% 10 30% 10
10 30% 30% 10
30% 30% 30% 10
10 10 10 30%
30% 10 10 30%
10 30% 10 30%
30% 30% 10 30%
10 10 30% 30%
30% 10 30% 30%
10 30% 30% 30%
30% 30% 30% 30%
fill 30%
fill 10
fill 2 4 8% 16%
30% fill
10 fill
2 4 8% 16% fill
border-image-width
10px
5%
28
auto
10px 10px
5% 10px
28 10px
auto 10px
10px 5%
5% 5%
28 5%
auto 5%
10px 28
5% 28
28 28
auto 28
10px auto
5% auto
28 auto
auto auto
10px 10% 10
5% 10px 20 auto
border-image-outset
10px
20
10px 20
10px 20px
20 30
2px 3px 4
1 2px 3px 4
border-image-repeat
stretch
repeat
round
space
stretch stretch
repeat stretch
round stretch
space stretch
stretch repeat
repeat repeat
round repeat
space repeat
stretch round
repeat round
round round
space round
stretch space
repeat space
round space
space space
border-image
url(foo.png) 10
url(foo.png) 10%
url(foo.png) 10% fill
url(foo.png) 10 round
url(foo.png) 10 stretch repeat
url(foo.png) 10 / 10px
url(foo.png) 10 / 10% / 10px
url(foo.png) fill 10 / 10% / 10px
url(foo.png) fill 10 / 10% / 10px space
box-decoration-break
slice
clone
box-shadow
1px 1px
0 0 black
1px 2px 3px black
1px 2px 3px 4px black
inset 1px 1px
1px 2px 3px 4px black inset
1px 2px 3px #ccc, 1px 2px 3px 4px black inset