CSS - background-image


background-image defines a pointer to an image resource which is to be placed in the background of an element.

Possible Values:

  • uri: URL of the image.
  • none: Setting background-image to none means that no background image should be used for matching elements.
  • transparent

Applies to:

All the HTML elements.

DOM Syntax:

object.style.backgroundImage="Any value as defined above";


Following is the example which demonstrates how to set the background image for an element.

<table style="background-image:url(images/pattern1.gif);">
  <tr><td>  This table has background image set.  </td></tr>  </table>  

Spacer Bottom Left Corner ImageBottom Right Corner Image
Valid XHTML 1.0 Strict  Valid CSS! Check the accessibility of this site according to U.S. Section 508