background-size

Read More at MDN DocsView Spec

Safe to Use

background-size is considered safe to use.

It’s supported by 94% of global browsers.

Browsers

ChromeSep 15, 2009v3.0.0
26%╱100%
100% of Chrome users are running a supported version.
SafariJun 7, 2010v5.0.0
5%╱100%
100% of Safari users are running a supported version.
EdgeJul 28, 2015v12.0.0
5%╱100%
100% of Edge users are running a supported version.
FirefoxMar 22, 2011v4.0.0
3%╱100%
100% of Firefox users are running a supported version.

Version Breakdown

 
Agent
Support
Adoption
Chrome
Sep 15, 2009 v3.0.0
26%╱100%
100% of Chrome users are running a supported version.
Sep 15, 2009 – Latest
v3.0.0+
26%╱100%

Full Support

Dec 11, 2008 – Latest
v1.0.0+
26%╱100%

Implemented with the vendor prefix: -webkit-

WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords.

Chrome Android
Jun 27, 2012 v18.0.0
36%╱100%
100% of Chrome Android users are running a supported version.
Jun 27, 2012 – Latest
v18.0.0+
36%╱100%

Full Support

Jun 27, 2012 – Latest
v18.0.0+
36%╱100%

Implemented with the vendor prefix: -webkit-

WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords.

Edge
Jul 28, 2015 v12.0.0
5%╱100%
100% of Edge users are running a supported version.
Jul 28, 2015 – Latest
v12.0.0+
5%╱100%

Full Support

Jul 28, 2015 – Latest
v12.0.0+
5%╱100%

Implemented with the vendor prefix: -webkit-

Firefox
Mar 22, 2011 v4.0.0
3%╱100%
100% of Firefox users are running a supported version.
Mar 22, 2011 – Latest
v4.0.0+
3%╱100%

Full Support

Sep 20, 2016 – Latest
v49.0.0+
3%╱100%

Implemented with the vendor prefix: -webkit-

Jan 21, 2010 – Mar 22, 2011
v3.6.0 – v4.0.0

Implemented with the vendor prefix: -moz-

Firefox for Android
Mar 29, 2011 v4.0.0
Firefox for Android supports this feature.
Mar 29, 2011 – Latest
v4.0.0+

Full Support

Sep 20, 2016 – Latest
v49.0.0+

Implemented with the vendor prefix: -webkit-

Internet Explorer
Mar 14, 2011 v9.0.0
0%╱94%
There are no users of Internet Explorer running a supported version.
Mar 14, 2011 – Latest
v9.0.0+
0%╱94%

Full Support

 
Quest Browser
Unknown v5.0.0
Quest Browser supports this feature.
Unknown
v5.0.0+

Full Support

Unknown
v5.0.0+

Implemented with the vendor prefix: -webkit-

WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords.

Opera
Sep 1, 2009 v10.0.0
1%╱100%
100% of Opera users are running a supported version.
Sep 1, 2009 – Latest
v10.0.0+
1%╱100%

Full Support

Jul 2, 2013 – Latest
v15.0.0+
1%╱100%

Implemented with the vendor prefix: -webkit-

WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords.

Jun 12, 2008 – Jul 2, 2013
v9.5.0 – v15.0.0

Implemented with the vendor prefix: -o-

Opera 9.5's computation of the background positioning area is incorrect for fixed backgrounds. Opera 9.5 also interprets the two-value form as a horizontal scaling factor and, from appearances, a vertical clipping dimension. This has been fixed in Opera 10.

Opera Android
Nov 9, 2010 v10.1.0
Opera Android supports this feature.
Nov 9, 2010 – Latest
v10.1.0+

Full Support

May 21, 2013 – Latest
v14.0.0+

Implemented with the vendor prefix: -webkit-

WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords.

Nov 9, 2010 – May 21, 2013
v10.1.0 – v14.0.0

Implemented with the vendor prefix: -o-

Opera 9.5's computation of the background positioning area is incorrect for fixed backgrounds. Opera 9.5 also interprets the two-value form as a horizontal scaling factor and, from appearances, a vertical clipping dimension. This has been fixed in Opera 10.

Safari
Jun 7, 2010 v5.0.0
5%╱100%
100% of Safari users are running a supported version.
Jun 7, 2010 – Latest
v5.0.0+
5%╱100%

Full Support

Oct 26, 2007 – Latest
v3.0.0+
5%╱100%

Implemented with the vendor prefix: -webkit-

WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords.

Safari on iOS
Nov 22, 2010 v4.2.0
17%╱100%
100% of Safari on iOS users are running a supported version.
Nov 22, 2010 – Latest
v4.2.0+
17%╱100%

Full Support

Jun 29, 2007 – Latest
v1.0.0+
17%╱100%

Implemented with the vendor prefix: -webkit-

WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords.

Samsung Internet
Apr 27, 2013 v1.0.0
2%╱100%
100% of Samsung Internet users are running a supported version.
Apr 27, 2013 – Latest
v1.0.0+
2%╱100%

Full Support

Apr 27, 2013 – Latest
v1.0.0+
2%╱100%

Implemented with the vendor prefix: -webkit-

WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords.

WebView Android
May 20, 2010 v2.2.0
WebView Android supports this feature.
May 20, 2010 – Latest
v2.2.0+

Full Support

Sep 3, 2014 – Latest
v37.0.0+

Implemented with the vendor prefix: -webkit-

WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords.

See Also

Contribute