Search within TutorialsPark

CSS background-image Property


To specify an image for the background of the element


Definition and Notes.

1. The CSS3 background-image property is used specify the source of an elements background image.

2. Other elements are placed on top of the background image, to ensure that the text is legible in case it overlaps the image .


Syntax:

CSS background-image property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note: Incase the image is smaller than the background then it gets tiled along x or y axis.

Property Values

Value Description
none No image is used as background. Its the default
url() The path of the image is specified within the parentheses
inherit The value is inherited by child elements from the parent element.

Specifications

Specs Value
Name background-image
Value <bg-image> [, <bg-image> ]*
Initial Value none
Applies to All elements
Javascript syntax object.style.backgroundImage="url(background.png)"
Inherited No
Computed Value Absolute URI
Browser Support internetexplorer safari firefox opera chrome

Related Examples.