background-size
Sets the size of the element's background image. Images can be left to their natural size, stretched, or constrained to fit the available space.
Quick example
.full-bg {
background-image: url('bg.jpg');
background-size: cover;
/* ensures the image fills the container without stretching */
}Quick facts
Initial value
auto autoInherited
No
Applies to
all elements
Animation type
repeatableList
background-size Browser Support
Widely available Since 2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
3+
4+
5+
12+