calc फ़ंक्शन
calc फ़ंक्शन CSS गुणों के मूल्यों की
गणना करने की अनुमति देता है। फ़ंक्शन
एक गणितीय अभिव्यक्ति को पैरामीटर के रूप में स्वीकार करता है,
जिसके गणना परिणाम
को CSS गुण के मूल्य के रूप में उपयोग किया जा सकता है।
अभिव्यक्ति में ऑपरेटर
+, -, *, /
शामिल हो सकते हैं।
सिंटैक्स
सिलेक्टर {
गुण: calc(अभिव्यक्ति);
}
उदाहरण
आइए एक ब्लॉक की चौड़ाई ऐसी बनाएं कि वह
अभिभावक की चौड़ाई के 100% के बराबर हो, घटाकर
50px:
<div id="parent">
<div id="child"></div>
</div>
#child {
width: calc(100% - 50px);
height: 100px;
margin: 0 auto;
border: 1px solid red;
}
#parent {
border: 1px solid green;
}
:
