CSS clamp() फ़ंक्शन

रोगानुभव और उपयोग

CSS का clamp() फ़ंक्शन का उपयोग एक मान सेट करने के लिए किया जाता है जो विषुवीय आकार के अनुसार न्यूनतम और अधिकतम मान के बीच स्वतःबलित रूप से समायोजित होगा。

clamp() फ़ंक्शन की तीन पैरामीटर हैं: न्यूनतम मान, पसंदीदा मान और अधिकतम मान। यदि पसंदीदा मान निर्धारित की गई दायरे में है, तो ब्राउज़र पसंदीदा मान चुनेगा; अन्यथा, ब्राउज़र न्यूनतम मान या अधिकतम मान चुनेगा。

उदाहरण

एच१ एलेमेंट का न्यूनतम फ़ॉन्ट आकार २रेम और अधिकतम फ़ॉन्ट आकार ३.५रेम निर्धारित करें। साथ ही, पी एलेमेंट का न्यूनतम फ़ॉन्ट आकार १रेम और अधिकतम फ़ॉन्ट आकार २.५रेम निर्धारित करें:

h1 {
  font-size: clamp(2rem, 2.5vw, 3.5rem);
}
p {
  font-size: clamp(1rem, 2.5vw, 2.5rem);
}

खुद आयात करें

CSS व्याकरण

clamp(मिन, पसंदीदा, मैक्स)

तकनीकी विवरण

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

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