CSS sqrt() फ़ंक्शन

परिभाषा और उपयोग

CSS का sqrt() फ़ंक्शन नंबर का वर्गमूल लूंटा है।

उदाहरण

में calc() फ़ंक्शन में sqrt() तीन <div> एलीमेंट की चौड़ाई और ऊंचाई सेट करने के लिए आएं:

div.a {
  width: calc(50px * sqrt(16)); /* 200px */
  height: calc(50px * sqrt(9)); /* 150px */
  background-color: salmon;
  margin-bottom: 25px;
}
div.b {
  width: calc(20px * sqrt(16)); /* 80px */
  height: calc(20px * sqrt(9)); /* 60px */
  background-color: green;
  margin-bottom: 25px;
}
div.c {
  width: calc(60px * sqrt(16)); /* 240px */
  height: calc(60px * sqrt(9)); /* 180px */
  background-color: maroon;
}

स्वयं को प्रयोग करें

CSS व्याकरण

sqrt(x)
मूल्य वर्णन
x आवश्यक. 0 से बड़ा या बराबर की संख्या.

तकनीकी विवरण

संस्करण: CSS4

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस फ़ंक्शन को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को प्रदर्शित करते हैं。

च्रोम एज फ़ायरफॉक्स सफारी ओपेरा
120 120 118 15.4 106

संबंधित पृष्ठ

संदर्भःCSS acos() फ़ंक्शन

संदर्भःCSS asin() फ़ंक्शन

संदर्भःCSS atan() फ़ंक्शन

संदर्भःCSS atan2() फ़ंक्शन

संदर्भःCSS calc() फ़ंक्शन

संदर्भःCSS cos() फ़ंक्शन

संदर्भःCSS exp() फ़ंक्शन

संदर्भःCSS hypot() फ़ंक्शन

संदर्भःCSS log() फ़ंक्शन

संदर्भःCSS मॉड() फ़ंक्शन

संदर्भःCSS सिन() फ़ंक्शन

संदर्भःCSS टैन() फ़ंक्शन