CSS Calc प्लेग्राउंड

संदर्भ

CSS calc() क्या है?

CSS फ़ंक्शन calc() CSS प्रॉपर्टी मान निर्दिष्ट करते समय गणना करने देता है। यह विभिन्न इकाइयों जैसे प्रतिशत और पिक्सेल को मिलाने के लिए विशेष रूप से उपयोगी है।

समर्थित इकाइयाँ

आप calc() के अंदर सभी CSS लंबाई इकाइयाँ मिला सकते हैं: px, %, em, rem, vw, vh, vmin, vmax और अधिक। ऑपरेटर +, -, *, / समर्थित हैं।

सामान्य पैटर्न

calc(100% - 2rem) — पूर्ण चौड़ाई माइनस निश्चित पैडिंग। calc(100vh - 80px) — व्यूपोर्ट ऊँचाई माइनस हेडर। calc(50% + 1rem) — आधी चौड़ाई प्लस ऑफसेट। calc(100% / 3) — कंटेनर का एक-तिहाई।

गोपनीयता

सभी calc() परीक्षण 100% आपके ब्राउज़र में चलता है। कोई डेटा किसी सर्वर पर नहीं भेजा जाता।