Style backgroundColor ਵਿਸ਼ੇਸ਼ਤਾ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

backgroundColor ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰਨ ਜਾਂ ਇਲਾਕੇ ਦਾ ਪਿੱਨ ਰੰਗ ਵਾਪਸ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ。

ਇਸ ਦੇ ਨਾਲ ਵੀ ਦੇਖੋ:

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

CSS ਸਿੱਖਿਆCSS ਪਿੱਨਬੰਦੀ

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

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਦਸਤਾਵੇਜ਼ ਲਈ ਪਿੱਨ ਰੰਗ ਸੈਟ ਕਰੋ:

document.body.style.backgroundColor = "red";

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

ਉਦਾਹਰਣ 2

ਵਿਸ਼ੇਸ਼ <div> ਇਲਾਕੇ ਦਾ ਪਿੱਨ ਰੰਗ ਸੈਟ ਕਰੋ:

document.getElementById("myDiv").style.backgroundColor = "lightblue";

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

ਉਦਾਹਰਣ 3

ਵਿਸ਼ੇਸ਼ <div> ਇਲਾਕੇ ਦਾ ਪਿੱਨ ਰੰਗ ਵਾਪਸ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ:

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

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

ਉਦਾਹਰਣ 4

ਦਸਤਾਵੇਜ਼ ਦਾ ਪਿੱਨ ਰੰਗ ਵਾਪਸ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ:

alert(document.body.style.backgroundColor);

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

ਗਣਤਰ

backgroundColor ਵਿਸ਼ੇਸ਼ਤਾ ਵਾਪਸ ਦਿੱਤੀ ਜਾਂਦੀ ਹੈ:

object.style.backgroundColor

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

object.style.backgroundColor = "color|transparent|initial|inherit"

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

ਮੁੱਲ ਵਰਣਨ
color

ਪਿੱਨ ਰੰਗ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ

ਦੇਖੋ CSS ਰੰਗ ਮੁੱਲਦੇਖਣ ਲਈ ਮੰਗੋ ਕਿ ਮੰਗੇ ਗਏ ਰੰਗ ਮੁੱਲਾਂ ਦੀ ਪੂਰੀ ਸੂਚੀ ਹੈ。
transparent ਮੂਲ ਮੁੱਲ।ਪਿੱਨ ਰੰਗ ਪਾਰਦਰਸ਼ੀ ਹੈ (ਨੀਚੇ ਦਾ ਸਮੱਗਰੀ ਦੇਖਣ ਦਾ ਮੌਕਾ ਹੈ)。
initial ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਇਸ ਦੇ ਮੂਲ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰੋ।ਦੇਖੋ initial.
inherit ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਆਪਣੇ ਮਾਤਾ ਇਲਾਕੇ ਤੋਂ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਦੀ ਹੈ।ਦੇਖੋ inherit.

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ: transparent
ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਮੁੱਲ: ਇੱਕ ਸਟਰਿੰਗ ਹੈ ਜੋ ਪਿੱਨ ਰੰਗ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੀ ਹੈ。
CSS ਸੰਸਕਰਣ: CSS1

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

backgroundColor ਇਹ ਕ੍ਰਮਵਾਰ ਕ੍ਰਮ ਹੈ: CSS1 (1996) ਵਿਸ਼ੇਸ਼ਤਾ。

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

ਚਰਮੋਇਲ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ IE
ਚਰਮੋਇਲ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ IE
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ