सीएसएस के स्टेप्ड वैल्यू के गणित के फ़ंक्शन अब बेसलाइन 2024 में उपलब्ध हैं

Rachel Andrew

सभी मुख्य इंजन, अब सीएसएस के स्टेप्ड वैल्यू वाली गणित के फ़ंक्शन के साथ काम करते हैं— round(), mod(), और rem().

स्टेप्ड वैल्यू फ़ंक्शन, दी गई वैल्यू को दूसरी वैल्यू के हिसाब से बदलते हैं चरण मान सेट करें.

round() फ़ंक्शन

round() फ़ंक्शन को पूर्णांक बनाने के लिए एक मान मिलता है, राउंडिंग इंटरवल और एक वैकल्पिक राउंडिंग रणनीति है. वैल्यू को राउंडिंग की रणनीति के हिसाब से राउंड किया जाता है, पूर्णांकन अंतराल के निकटतम पूर्णांक गुणज तक.

पूर्णांक की जाने वाली वैल्यू या राउंड किए गए इंटरवल, सीएसएस होना चाहिए कस्टम प्रॉपर्टी बनाएं. हालांकि, दोनों वैल्यू को हार्डकोड करना मान्य होता है, लेकिन कुछ हद तक किसी संख्या को पूर्ण संख्या में दशमलव संख्या को पूर्ण करना चाहिए.

नीचे दी गई सीएसएस, --my-font-size की वैल्यू को 1rem के इंटरवल में पूरा करती है.

font-size: round(var(--my-font-size), 1rem);

पूर्णांक बनाने की डिफ़ॉल्ट रणनीति nearest है. पिछला उदाहरण, जिसमें राउंडिंग की रणनीति इस तरह है:

font-size: round(nearest,var(--my-font-size), 1rem);

राउंडिंग की रणनीति के लिए संभावित वैल्यू ये हैं:

  • up: JavaScript Math.ceil() तरीके की तरह ही. वैल्यू को राउंड अप करता है पूर्णांकन अंतराल के निकटतम पूर्ण गुणज में बदला जा सकता है.
  • down: JavaScript Math.floor() तरीके की तरह ही. वैल्यू को राउंड करता है पूर्णांकन अंतराल के निकटतम पूर्ण गुणज तक ले जाएं.
  • nearest (डिफ़ॉल्ट): यह JavaScript Math.round() की तरह काम करता है. पूर्णांकन अंतराल के निकटतम पूर्ण गुणज तक मान ऊपर या नीचे.
  • to-zero: JavaScript Math.trunc() तरीके की तरह ही. वैल्यू को राउंड करता है पूर्णांकिंग अंतराल के निकटतम पूर्णांक गुणज में शून्य के करीब होना चाहिए.

round() के बारे में इसमें ज़्यादा जानें नया सीएसएस मैथ: round(), डैन विल्सन ने.

rem() और mod() फ़ंक्शन

rem() और mod() सीएसएस फ़ंक्शन, JavaScript की तरह ही काम करते हैं रेमेन्डर ऑपरेटर (%). इसके लिए दो वैल्यू ली जाती हैं. पहले डिवाइडर को दूसरे (डिवाइज़र) से भाग दिया जाता है. और बाकी बचा हिस्सा वापस मिल जाता है.

margin: rem(18px, 5px); /* returns 3px */

दोनों फ़ंक्शन में यह अंतर है कि rem() हमेशा चिह्न लेता है भाज्य का प्रतिशत होता है, इसलिए अगर पहली वैल्यू पॉज़िटिव होती है, तो रिटर्न किया गया मान पॉज़िटिव होता है सकारात्मक होगा. mod() फ़ंक्शन, भाजक का चिह्न लेता है.

इसमें rem() और mod() के बारे में ज़्यादा जानें नया सीएसएस मैथ: rem() और mod(), डैन विल्सन ने.