backgroundImage Property - Javascript CSS Style Property

Javascript examples for CSS Style Property:backgroundImage

  1. HOME
  2. Javascript
  3. CSS Style Property
  4. backgroundImage

Description

The backgroundImage property sets or gets the element background image.

Property Values

Value Description
url('value') The image file URL location
none Default. No background image.
initialSets this property to its default value.
inheritInherits this property from its parent element.

Technical Details

Item Value
Default Value: none
Return Value: A String, representing the background image
CSS VersionCSS1

Get a background image for a document:

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<body style="background:#f3f3f3 url('http://java2s.com/resources/a.png');">

<h1>Hello World!</h1>
<button type="button" onclick="myFunction()">Get background image</button>

<script>
function myFunction() {//  www .  j a va2 s  .c  o  m
    console.log(document.body.style.backgroundImage);
}
</script>

</body>
</html>

Related Tutorials