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 …

Feb 17, 2015 · The background-size property in CSS is one of the most useful — and most complex — of the background properties. There are many variations and different syntaxes …

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 …

The background-size is a CSS property which sets the size of the background-image. Read about the values and try examples for yourself.

Jan 1, 2026 · The background-size property in CSS is a powerful tool for controlling how background images are displayed within an element. It defines the dimensions of the …

Feb 17, 2025 · A comprehensive guide to the CSS background-size property, covering syntax, values, and practical examples for controlling the size of background images.

New! My 44-page ebook " CSS in 44 minutes " is out! 😃 Get it now → In collection: backgrounds Permalink Share MDN # background-size Defines the size of the background image.

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.

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 …