Style backgroundImage ਵਿਸ਼ੇਸ਼ਤਾ

ਵਿਵਰਣ ਅਤੇ ਵਰਤੋਂ

backgroundImage ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰਨ ਜਾਂ ਇਲਾਕੇ ਦੇ ਪਿਛੋਕੜ ਇਮੇਜ ਵਾਪਸੀ ਕਰਨ ਲਈ ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰੋ。

ਸੁਝਾਅ:ਪਿਛੋਕੜ ਇਮੇਜ ਤੋਂ ਇਲਾਵਾ ਤੁਸੀਂ ਪਿਛੋਕੜ ਰੰਗ ਨੂੰ ਵੀ ਨਿਰਧਾਰਤ ਕਰਨਾ ਚਾਹੀਦੇ ਹਨ। ਜੇਕਰ ਇਮੇਜ ਉਪਲੱਬਧ ਨਹੀਂ ਹੈ ਤਾਂ ਪਿਛੋਕੜ ਰੰਗ ਵਰਤਿਆ ਜਾਵੇਗਾ。

ਇਹ ਵੀ ਦੇਖੋ:

HTML ਸਟਾਈਲbackground ਵਿਸ਼ੇਸ਼ਤਾ

CSS ਸਿੱਖਿਆCSS ਬੈਕਗਰਾਊਂਡ

CSS3 ਸਿੱਖਿਆCSS3 ਪਿਛੋਕੜ

CSS ਸੰਦਰਭ ਮੁੱਲbackground-image ਵਿਸ਼ੇਸ਼ਤਾ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਦਸਤਾਵੇਜ ਲਈ ਪਿਛੋਕੜ ਇਮੇਜ ਸੈਟ ਕਰੋ:

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

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 2

ਵਿਸ਼ੇਸ਼ <div> ਇਲਾਕੇ ਦੇ ਪਿਛੋਕੜ ਇਮੇਜ ਸੈਟ ਕਰੋ:

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

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 3

ਵਿਸ਼ੇਸ਼ <div> ਇਲਾਕੇ ਦੇ ਪਿਛੋਕੜ ਇਮੇਜ ਵਾਪਸੀ ਕਰੋ:

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

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 4

ਦਸਤਾਵੇਜ ਦੇ ਪਿਛੋਕੜ ਇਮੇਜ ਵਾਪਸੀ ਕਰੋ:

alert(document.body.style.backgroundImage);

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਗਿਆਨ ਵਿਗਿਆਨ

backgroundImage ਵਿਸ਼ੇਸ਼ਤਾ ਵਾਪਸੀ ਕਰੋ:

object.style.backgroundImage

backgroundImage ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰੋ:

object.style.backgroundImage = "url('URL')|none|initial|inherit"

ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
url('URL) ਇਮੇਜ ਫਾਈਲ ਦਾ ਸਥਾਨ。
none ਪਿਛੋਕੜ ਇਮੇਜ ਨਹੀਂ ਹੈ। ਮੂਲ ਮੁੱਲ。
initial ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਇਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ। ਦੇਖੋ: initial.
inherit ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਆਪਣੇ ਮਾਤਾ ਇਲਾਕੇ ਤੋਂ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਲੈ ਲੈਣ ਜੀਵੇ। ਦੇਖੋ: inherit.

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ: none
ਵਾਪਸੀ ਮੁੱਲ: ਇੱਕ ਸਟਰਿੰਗ ਹੈ ਜੋ ਪਿਛੋਕੜ ਇਮੇਜ ਦਿਸਦੀ ਹੈ。
CSS ਸੰਸਕਰਣ: CSS1

ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ

backgroundImage ਇਹ CSS1 (1996) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。

ਸਾਰੇ ਬਰਾਊਜ਼ਰਾਂ ਇਸ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਦੇ ਹਨ:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ