CSS हाइपोट() फ़ंक्शन
- पिछला पृष्ठ CSS hwb() फ़ंक्शन
- अगला पृष्ठ CSS inset() फ़ंक्शन
- एक स्तर ऊपर सीएसएस फ़ंक्शन रेफरेंस मैनुअल
定义和用法
CSS 的 हाइपोट()
函数返回其参数平方和的平方根。
返回值通过公式 sqrt(x1*x1 + x2*x2 + x3*x3 .... xn*xn) 计算。
हाइपोट()
फ़ंक्शन इकाई वाले मूल्य लेता है, लेकिन सभी मूल्यों की इकाई एक से ही होनी चाहिए。
उदाहरण
इस्तेमाल करें हाइपोट()
एलिमेंट की चौड़ाई सेट करें:
div.a { width: हाइपोट(80px); /* 80px */ } div.b { width: हाइपोट(40px, 80px); /* 89,44px */ } div.c { width: हाइपोट(40px, 80px, 100px); /* 134,16 */ } div.d { width: हाइपोट(40px, 80px, 100px, 120px); /* 180 */ } div.e { width: हाइपोट(10%, 20%, 40%); /* 45,82% */ }
CSS व्याकरण
हाइपोट(x1, x2, x3, ...)
मूल्य | वर्णन |
---|---|
x1, x2, x3, ... | आवश्यक. एक या अधिक समानता के बीच से अलग किए गए मूल्य। |
तकनीकी विवरण
संस्करण: | CSS4 |
---|
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस फ़ंक्शन को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को प्रदर्शित करते हैं。
च्रोम | एज | फ़ायरफॉक्स | सफारी | ओपेरा |
---|---|---|---|---|
120 | 120 | 118 | 15.4 | 106 |
संबंधित पृष्ठ
संदर्भःCSS एक्सको() फ़ंक्शन
संदर्भःCSS एसिन() फ़ंक्शन
संदर्भःCSS एटन2() फ़ंक्शन
संदर्भःCSS कैल्क() फ़ंक्शन
संदर्भःCSS कोस() फ़ंक्शन
संदर्भःCSS एक्सप() फ़ंक्शन
संदर्भःCSS हाइपोट() फ़ंक्शन
संदर्भःCSS लॉग() फ़ंक्शन
संदर्भःCSS मॉड() फ़ंक्शन
संदर्भःCSS पॉव() फ़ंक्शन
संदर्भःCSS sin() फ़ंक्शन
संदर्भःCSS sqrt() फ़ंक्शन
संदर्भःCSS tan() फ़ंक्शन
- पिछला पृष्ठ CSS hwb() फ़ंक्शन
- अगला पृष्ठ CSS inset() फ़ंक्शन
- एक स्तर ऊपर सीएसएस फ़ंक्शन रेफरेंस मैनुअल