ABSTRACT
The ability to control the use of images and tailor them to specification is very important in Web design in order to achieve the desired design goal. While the sizes of images can be specified using HTML width and height attributes on the <img> element, only the size of one image can be controlled at a time. Aligning images usually refers to aligning them horizontally along the width of the browser window, since the height of a page is very arbitrary. The property used to add background images is the background-image property. It is non-inherited and can be used to place one or more images behind an element and use them as background. The size of background images is controlled with the background-size property. A background image can be made to remain in one position or move when a page is scrolled up or down.
