ਸਟਾਈਲ ਕਲਰ ਗੁਣ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

color ਟੈਕਸਟ ਦੇ ਰੰਗ ਨੂੰ ਸੈਟ ਕਰਨ ਜਾਂ ਵਾਪਸੀ ਕਰਨ ਦੇ ਗੁਣ ਨੂੰ ਸੈਟ ਕਰੋ।

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆ ਪ੍ਰੋਗਰਾਮ:CSS ਟੈਕਸਟ

CSS ਸੰਦਰਭ ਦਸਤਾਵੇਜ਼:ਕਲਰ ਗੁਣ

ਮਾਡਲ

ਉਦਾਹਰਣ 1

ਵੱਖ-ਵੱਖ ਏਲੀਮੈਂਟਾਂ ਦੇ ਟੈਕਸਟ ਰੰਗ ਸੈਟ ਕਰੋ:

document.getElementById("myH2").style.color = "#ff0000";
document.getElementById("myP").style.color = "magenta";
document.getElementById("myP2").style.color = "blue";
document.getElementById("myDiv").style.color = "lightblue";

ਸਵੈਚਾਲਿਤ ਪ੍ਰਯੋਗ ਕਰੋ:

ਉਦਾਹਰਣ 2

ਪ੍ਰਤੀ <p> ਏਲੀਮੈਂਟ ਦੇ ਟੈਕਸਟ ਰੰਗ ਨੂੰ ਵਾਪਸੀ ਕਰੋ:

alert(document.getElementById("myP").style.color);

ਸਵੈਚਾਲਿਤ ਪ੍ਰਯੋਗ ਕਰੋ:

ਗਰਮਤਾ

ਕਲਰ ਗੁਣ ਵਾਪਸੀ ਕਰੋ:

object.style.color

ਕਲਰ ਗੁਣ ਸੈਟ ਕਰੋ:

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

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
color

ਟੈਕਸਟ ਦੇ ਰੰਗ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ।

ਦੇਖੋ: CSS ਰੰਗ ਮੁੱਲ，ਸੰਭਾਵਿਤ ਰੰਗ ਮੁੱਲਾਂ ਦੀ ਪੂਰੀ ਸੂਚੀ ਹਾਸਲ ਕਰੋ।
initial ਇਹ ਗੁਣ ਮੂਲ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰੋ। ਦੇਖੋ: initial。
inherit ਆਪਣੇ ਮਾਤਾ ਏਲੀਮੈਂਟ ਤੋਂ ਇਹ ਗੁਣ ਉਲਟ ਕਰੋ। ਦੇਖੋ: inherit。

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ: ਨਾ ਨਿਰਧਾਰਿਤ
ਵਾਪਸੀ ਮੁੱਲ: ਸਟ੍ਰਿੰਗ, ਜੋ ਕਿ ਏਲੀਮੈਂਟ ਦੇ ਟੈਕਸਟ ਰੰਗ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ。
CSS ਸੰਸਕਰਣ: CSS1

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

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