Another new property introduced by the CSS3 Backgrounds and Borders module is
background-size. The property adds new functionality to CSS allowing designers to specify the size of background images using either lengths, percentages, or by using one of two keywords;
Browser support has grown of late, with the current versions of most popular browsers now supporting
background-size, including Firefox, Safari, Chrome, Internet Explorer and Opera, without the need for vendor prefixes.
Here’s a very basic example. In the first box below
background-size has been set to
auto (the default value) meaning that the background image is shown at its original size. In the second box
background-size has been set to 275px x 125px (h). In both cases, the background image has been defined so as not to be repeated.
background-size: 275px 125px;
background-size: as defined in individual examples;