CSS رنگ پرپریٹی
- ਪਿਛਲੀ ਪੰਨਾ clip-path
- ਅਗਲਾ ਪੰਨਾ color-scheme
ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ
color ਪ੍ਰਤੀਭਾਵ ਰੰਗ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。
ਇਹ ਪ੍ਰਤੀਭਾਵ ਇੱਕ ਤੱਤ ਦੇ ਫਰਸਤ ਰੰਗ ਨੂੰ ਸੈਟ ਕਰਦਾ ਹੈ (ਹੈਲਾਈਨ ਪ੍ਰਦਰਸ਼ਨ ਵਿੱਚ, ਇਹ ਤੱਤ ਦੇ ਟੈਕਸਟ ਦਾ ਰੰਗ ਹੁੰਦਾ ਹੈ); ਰੇਡੀਓ ਇਮੇਜਸ਼ਨਸ ਨੂੰ color ਪ੍ਰਭਾਵ ਨਹੀਂ ਪੈਂਦਾ; ਇਹ ਰੰਗ ਇਸ ਤੱਤ ਦੇ ਸਾਰੇ ਬਾਰਡਰ ਨੂੰ ਵੀ ਲਾਗੂ ਕਰਦਾ ਹੈ, ਹਰ ਕਿਸੇ ਹੋਰ ਬਾਰਡਰ ਰੰਗ ਪ੍ਰਤੀਭਾਵ ਦੁਆਰਾ ਪਰਦਾ ਕੀਤਾ ਜਾਵੇ ਯਾਨੀ ਹੋਰ ਬਾਰਡਰ ਰੰਗ ਪ੍ਰਤੀਭਾਵ ਨਾਲ ਪਰਦਾ ਕੀਤਾ ਜਾਵੇ。
ਇੱਕ ਤੱਤ ਦੇ ਫਰਸਤ ਰੰਗ ਨੂੰ ਸੈਟ ਕਰਨ ਲਈ ਸਭ ਤੋਂ ਅਸਾਨ ਤਰੀਕਾ color ਪ੍ਰਤੀਭਾਵ ਦਾ ਉਪਯੋਗ ਕਰਨਾ ਹੈ。
ਹੋਰ ਦੇਖੋ:
CSS ਸਿੱਖਿਆ:CSS ਟੈਕਸਟ
HTML DOM ਜਾਣਕਾਰੀ ਮੁੱਦਾ:color ਪ੍ਰਤੀਭਾਵ
ਉਦਾਹਰਣ
ਵੱਖ-ਵੱਖ ਤੱਤਾਂ ਲਈ ਟੈਕਸਟ ਰੰਗ ਸੈਟ ਕਰੋ:
body { color:red; } h1 { color:#00ff00; } p { color:rgb(0,0,255); }
ਸੁਝਾਅ ਅਤੇ ਟਿੱਪਣੀਆਂ
ਸੁਝਾਅ:ਸੁਝਾਅ: ਰੰਗ ਦਾ ਪਿੱਨ ਅਤੇ ਟੈਕਸਟ ਦਾ ਰੰਗ ਵਿਚਕਾਰ ਸੰਤੁਲਨ ਰੱਖੋ, ਇਸ ਨਾਲ ਟੈਕਸਟ ਦੀ ਪੜ੍ਹਣਯੋਗਤਾ ਵਧਦੀ ਹੈ。
CSS ਗਰੰਟਰਾਂ:
color: color|initial|inherit;
ਪ੍ਰਤੀਭਾਵ
ਮੁੱਲ | ਵਰਣਨ |
---|---|
color_name | ਰੰਗ ਦੇ ਮੁੱਲ ਨੂੰ ਰੰਗ ਨਾਮ ਦੇ ਰੰਗ ਵਜੋਂ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ (ਉਦਾਹਰਣ: red)。 |
hex_number | ਰੰਗ ਦੇ ਮੁੱਲ ਨੂੰ ਸਿਫਰੀ ਹੈਕਸੇਡੀਸੀ ਵਜੋਂ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ (ਉਦਾਹਰਣ: #ff0000)。 |
rgb_number | ਰੰਗ ਦੇ ਮੁੱਲ ਨੂੰ rgb ਕੋਡ ਦੇ ਰੰਗ ਵਜੋਂ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ (ਉਦਾਹਰਣ: rgb(255,0,0))。 |
inherit | ਇਹ ਸੰਭਾਵਨਾ ਪੁਰਖਰ ਤੋਂ ਮਿਲਣ ਵਾਲੀ ਰੰਗ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。 |
ਤਕਨੀਕੀ ਵੇਰਵੇ
ਮੂਲਤਬੀ ਮੁੱਲ: | not specified |
---|---|
ਇਨਹੈਰਿਟੇਬਿਲਿਟੀ: | yes |
ਸੰਸਕਰਣ: | CSS1 |
JavaScript ਗਰੰਟਰਾਂ: | object.style.color="#FF0000" |
ਹੋਰ ਉਦਾਹਰਣ
- ਟੈਕਸਟ ਰੰਗ ਸੈਟ ਕਰਨਾ
- ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਵੇਰਵੇ ਦਿੱਤਾ ਗਿਆ ਹੈ ਕਿ ਕਿਵੇਂ ਟੈਕਸਟ ਦੀ ਰੰਗ ਨੂੰ ਸੈਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ。
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਪਸ਼ਟ ਕੀਤਾ ਗਿਆ ਹੈ ਕਿ ਕਿਸ ਬਰਾਉਜ਼ਰ ਦੀ ਪਹਿਲੀ ਆਈਜਨ ਪਹਿਲਾਂ ਇਸ ਵਿਸ਼ੇਸ਼ ਸੰਭਾਵਨਾ ਨੂੰ ਸਮਰਥਨ ਦਿੰਦੀ ਹੈ。
ਚਰਮੋਨਾ | IE / ਐਜ਼ਕ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
---|---|---|---|---|
1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
- ਪਿਛਲੀ ਪੰਨਾ clip-path
- ਅਗਲਾ ਪੰਨਾ color-scheme