Gli ultimi tutorial di sviluppo web

×

JavaScript Riferimento

JavaScript

JS stringa JS Numero JS operatori JS dichiarazioni JS Matematica JS Data JS schieramento JS booleano JS RegExp JS situazione generale JS Conversione

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Documento DOM Elementi DOM attributi DOM evento DOM Stile

HTML Oggetti

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

altri oggetti

CSSStyleDeclaration

Style backgroundImage Property

<Stile di oggetto

Esempio

Impostare un'immagine di sfondo per un documento:

document.body.style.backgroundImage = "url('img_tree.png')";

Prova tu stesso "

Più "Try it Yourself" esempi di seguito.

Definizione e l'utilizzo

I set di proprietà BackgroundImage o restituisce l'immagine di sfondo di un elemento.

Tip: In aggiunta al background-image si dovrebbe anche specificare un background-color. Il background-color verrà usato se l'immagine non è disponibile.

Supporto browser

I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.

Proprietà
backgroundImage	1.0	4.0	1.0	1.0	3.5

Sintassi

Restituire la proprietà BackgroundImage:

object .style.backgroundImage

Impostare la proprietà BackgroundImage:

object .style.backgroundImage="url(' I valori delle proprietà

Valore	Descrizione
url( 'URL' )	La posizione del file di immagine
none	Nessun immagine di sfondo. Questa è l'impostazione predefinita
initial	Consente di impostare questa proprietà al suo valore di default. Leggi iniziale
inherit	Eredita questo immobile dal suo elemento genitore. Leggi su erediterà

Dettagli tecnici

Valore di default:	nessuna
Valore di ritorno:	A String, che rappresenta l'immagine di sfondo
CSS Version	CSS1

Altri esempi

Esempio

Impostare un immagine di una specifica sfondo <div> elemento:

document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";

Prova tu stesso "

Esempio

Restituisce l'immagine di uno specifico fondo <div> elemento:

alert(document.getElementById("myDiv").style.backgroundImage);

Prova tu stesso "

Esempio

Restituisce l'immagine di un documento di base:

alert(document.body.style.backgroundImage);

Prova tu stesso "

Pagine correlate

CSS tutorial: Sfondo CSS

CSS3 tutorial: CSS3 Backgrounds

Di riferimento CSS: background-image property

Di riferimento HTML DOM: background property

<Stile di oggetto