CSS hsla() फ़ंक्शन
- पिछला पृष्ठ
- अगला पृष्ठ
- एक स्तर ऊपर सीएसएस फ़ंक्शन रेफरेंस मैनुअल
उदाहरण
अवरोधकता सहित विभिन्न HSL रंगों को परिभाषित करें:
#p1 {background-color:hsla(120,100%,50%,0.3);} /* हरा रंग */
#p2 {background-color:hsla(120,100%,75%,0.3);} /* हल्का हरा रंग */
#p3 {background-color:hsla(120,100%,25%,0.3);} /* गहरा हरा रंग */
#p4 {background-color:hsla(120,60%,70%,0.3);} /* नरम हरा रंग */
परिभाषा और उपयोग
hsla() फ़ंक्शन Hue-saturation-lightness-alpha मॉडल (HSLA) को रंग को परिभाषित करता है।
HSLA रंग वैल्यू HSL रंग वैल्यू का विस्तार है, जिसमें एल्फा चैनल है - यह चैनल रंग की अवरोधकता को निर्दिष्ट करता है।
| संस्करण: | CSS3 |
|---|
ब्राउज़र समर्थन
तालिका में दिए गए नंबरों में पूर्णता से समर्थित पहले ब्राउज़र का संस्करण उल्लेख किया गया है।
| तत्व | |||||
|---|---|---|---|---|---|
| hsla() | 1.0 | 9.0 | 3.0 | 3.1 | 10.0 |
CSS व्याकरण
hsla(ह्यू, सैटरनेशन, स्कार, एल्फा)
| मूल्य | वर्णन |
|---|---|
| ह्यू | स्कार चक्र पर कितनी दूरी है (0 से 360 तक) - 0 (या 360) लाल है, 120 हरा है, 240 नीला है। |
| सैटरनेशन | सूचना: सैटरनेशन - 0% ग्रे रंग है, और 100% पूर्ण रंग (पूर्ण सैटरनेशन) है। |
| स्कार | चमकीलापन को परिभाषित करें - 0％ श्वेत, 50％ निर्धारित, 100％ श्वेत। |
| एल्फा | अवरोधकता को परिभाषित करें - 0.0 (पूर्ण अवरोध) और 1.0 (पूर्ण अवरोध) के बीच की संख्या। |
- पिछला पृष्ठ
- अगला पृष्ठ
- एक स्तर ऊपर सीएसएस फ़ंक्शन रेफरेंस मैनुअल
