CSS हाइपोट() फ़ंक्शन

定义和用法

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() फ़ंक्शन