Definition and Usage The background-size property specifies the size of the background images.

Dec 16, 2025 · The background-size CSS property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.

Feb 17, 2015 · If you provide two values, the first sets the background image’s width and the second sets the height. Like the single value syntax, you can use whatever measurement units you like.

Jul 11, 2025 · The background-size property specifies the size of background images. It accepts values in pixels, percentages, or keywords such as cover (to ensure the image covers the entire element) …

The background-size property is used to define the size of the background image. The background-size property is one of the CSS3 properties. This property has five values: auto, length, percentages, …

Jun 28, 2023 · Learn how to set the size of a background image with the CSS background-size property, and how to position it with background-position.

The background-size property allows you to specify exactly what size your background image is. Furthermore, you can use the cover and contain keywords to scale the image to the box.

Learn how background-size works in CSS.

CSS background-size property is used to control the size of an element's background image. For example, background-image: url("girl-illustration.png"); background-size: 400px; background-repeat: …

Nov 20, 2025 · The background-size CSS property lets you resize the background image of an element, overriding the default behavior of tiling the image at its full size by specifying the width and/or height …