CSS rgba() ਫੰਕਸ਼ਨ
- ਪਿਛਲਾ ਪੰਨਾ
- ਅਗਲਾ ਪੰਨਾ
- ਉੱਪਰੋਕਤ ਪੱਧਰ ਵਾਪਸ ਜਾਓ ਸੀਐੱਸਐੱਲ ਫੰਕਸ਼ਨ ਪਰਿਭਾਸ਼ਾ ਮੈਨੂਅਲ
ਉਦਾਹਰਣ
ਵੱਖ-ਵੱਖ ਅਲਪਾਵਾਜ਼ ਵਾਲੇ RGB ਰੰਗਾਂ (RGBA) ਦੇ ਨਿਰਧਾਰਣ:
#p1 {background-color:rgba(255,0,0,0.3);} /* ਅਲਪਾਵਾਜ਼ ਵਾਲਾ ਲਾਲ */ #p2 {background-color:rgba(0,255,0,0.3);} /* ਅਲਪਾਵਾਜ਼ ਵਾਲਾ ਹਰਾ */ #p3 {background-color:rgba(0,0,255,0.3);} /* ਅਲਪਾਵਾਜ਼ ਵਾਲਾ ਨੀਲਾ */
ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ
rgba() ਫੰਕਸ਼ਨ ਰੈਡ-ਗਰੀਨ-ਬਲੂ-ਅਲਪਾਵਾਜ਼ (RGBA) ਮਾਡਲ ਨਾਲ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。
RGBA ਰੰਗ ਮੁੱਲ RGB ਰੰਗ ਮੁੱਲ ਦਾ ਵਿਸਥਾਰ ਹੈ ਜਿਸ ਵਿੱਚ ਰੰਗ ਨਾਮਜਾਤ ਅਲਪਾਵਾਜ਼ ਦੀ ਸਮਰੱਥਾ ਹੈ。
ਸੰਸਕਰਣ: | CSS3 |
---|
ਬਰਾਉਜ਼ਰ ਸਮਰੱਥਾ
ਸਾਰੇ ਗਿਣਤੀਆਂ ਵਿੱਚ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਦੀ ਸਮਰੱਥਾ ਦਾ ਵਰਣਨ ਕੀਤਾ ਗਿਆ ਹੈ ਜੋ ਇਸ ਫੰਕਸ਼ਨ ਨੂੰ ਸਮਰਥਤ ਕਰਦਾ ਹੈ。
ਫੰਕਸ਼ਨ | |||||
---|---|---|---|---|---|
rgba() | 1.0 | 9.0 | 3.0 | 3.1 | 10.0 |
CSS ਗਰੰਥ
rgba(red, green, blue, alpha)
ਮੁੱਲ | ਵਰਣਨ |
---|---|
red | ਲਾਲ ਤੀਵ੍ਰਤਾ ਨੂੰ 0 ਤੋਂ 255 ਦਰਮਿਆਨ ਦਾ ਪੂਰਣ ਸੰਖਿਆ ਦੱਸੇ ਜਾਂ 0% ਤੋਂ 100% ਦਰਮਿਆਨ ਦਾ ਪ੍ਰਤੀਸ਼ਤ ਦੱਸੇ。 |
green | ਹਰੇ ਤੀਵ੍ਰਤਾ ਨੂੰ 0 ਤੋਂ 255 ਦਰਮਿਆਨ ਦਾ ਪੂਰਣ ਸੰਖਿਆ ਦੱਸੇ ਜਾਂ 0% ਤੋਂ 100% ਦਰਮਿਆਨ ਦਾ ਪ੍ਰਤੀਸ਼ਤ ਦੱਸੇ。 |
blue | ਨੀਲੇ ਤੀਵ੍ਰਤਾ ਨੂੰ 0 ਤੋਂ 255 ਦਰਮਿਆਨ ਦਾ ਪੂਰਣ ਸੰਖਿਆ ਦੱਸੇ ਜਾਂ 0% ਤੋਂ 100% ਦਰਮਿਆਨ ਦਾ ਪ੍ਰਤੀਸ਼ਤ ਦੱਸੇ。 |
alpha | ਅਨੁਪਰਾਪਤੀ ਨੂੰ 0.0 (ਪੂਰੀ ਪਾਰਦਰਸ਼ਤਾ) ਅਤੇ 1.0 (ਪੂਰੀ ਅਨੁਪਰਾਪਤੀ) ਦਰਮਿਆਨ ਦਾ ਨੰਬਰ ਦੇਣਾ ਹੈ。 |
- ਪਿਛਲਾ ਪੰਨਾ
- ਅਗਲਾ ਪੰਨਾ
- ਉੱਪਰੋਕਤ ਪੱਧਰ ਵਾਪਸ ਜਾਓ ਸੀਐੱਸਐੱਲ ਫੰਕਸ਼ਨ ਪਰਿਭਾਸ਼ਾ ਮੈਨੂਅਲ