back

Background-Size

Background-size is used to change the size of the background image. It has five options:
(1) Auto, this means that the image is set at its original size.
(2) Length, this is when you set the height and width manually using pixels, for example 200px 200px.
(3) Percentage,similar to length, you set the size using the percentage of its parent element (ie a Div)
(4) Cover, this means the parent element is covered by the background, unless the image exactly fits, parts of the background will be lost.
(5) Contain, this means the image will be scaled so the whole background fits inside the parent element.

Example