सीएसएस मैथेमेटिक फ़ंक्शन

CSS मैथेमेटिक फ़ंक्शन अभियात्रा के मान के रूप में गणितीय एक्सप्रेशन को इस्तेमाल करने की अनुमति देते हैं। इस चैप्टर में calc()、max() और min() फ़ंक्शन。

calc() फ़ंक्शन

calc() फ़ंक्शन गणना करता है और परिणाम को अभियात्रा के मान के रूप में इस्तेमाल करता है。

सीएसएस ग्रामार

calc(expression)
वैल्यू वर्णन
expression आवश्यक। गणितीय एक्सप्रेशन। परिणाम को मान के रूप में इस्तेमाल किया जाएगा। निम्नलिखित ऑपरेटरों को इस्तेमाल किया जा सकता है: +, -, *, /

हमें एक उदाहरण देखें:

इंस्टेंस

इस्तेमाल करें calc() div> एलीमेंट की चौड़ाई की गणना करें:

#div1 {
  position: absolute;
  left: 50px;
  width: calc(100% - 100px);
  border: 1px solid black;
  background-color: yellow;
  padding: 5px;
}

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

max() फ़ंक्शन

max() फ़ंक्शन कमा अलग-अलग मानों की सूची में से सबसे बड़ा मान लेकर अभियात्रा को मान के रूप में इस्तेमाल करता है。

सीएसएस ग्रामार

max(value1, value2, ...)
वैल्यू वर्णन
value1, value2, ... आवश्यक। अलग-अलग मानों की सूची - सबसे बड़ा मान चुनें。

हमें एक उदाहरण देखें:

इंस्टेंस

इस्तेमाल करें max() डिव #div1 की चौड़ाई को 50% या 300px में से बड़ा मान नियत करें:

#div1 {
  background-color: yellow;
  height: 100px;
  width: max(50%, 300px);
}

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

min() फ़ंक्शन

min() फ़ंक्शन का इस्तेमाल करें के लिए सूची में दूसरे से अलग वैल्यूज़ का सबसे छोटा वैल्यू अट्रिब्यूट के रूप में इस्तेमाल करें。

सीएसएस ग्रामार

min(value1, value2, ...)
वैल्यू वर्णन
value1, value2, ... अनिवार्य।एक दूसरे से अलग वैल्यूज़ की सूची-सबसे छोटी बात को चुनें

हमें एक उदाहरण देखें:

इंस्टेंस

इस्तेमाल करें min() डिव1 की चौड़ाई को 50% या 300px में से छोटी बात को सेट करें:

#div1 {
  background-color: yellow;
  height: 100px;
  width: min(50%, 300px);
}

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

CSS फ़ंक्शन रेफ़रेंस

सभी CSS फ़ंक्शनों की पूरी सूची के लिए हमारे CSS फ़ंक्शन रेफ़रेंस मैनुअल。