टेलविंड एक सीएसएस फ्रेमवर्क है जो विभिन्न गुणों, जैसे रंग, रिक्ति, फ़ॉन्ट आकार इत्यादि के लिए पूर्वनिर्धारित मानों का एक सेट प्रदान करता है। हालांकि, कभी-कभी उपयोगकर्ता ऐसे मान का उपयोग करना चाह सकते हैं जो डिफ़ॉल्ट कॉन्फ़िगरेशन में शामिल नहीं है, जैसे कि कस्टम रंग या एक विशिष्ट मार्जिन। इस स्थिति में, वे मनमाने मूल्यों का उपयोग कर सकते हैं।

यह आलेख टेलविंड सीएसएस में मनमाने मानों का उपयोग करने की विधि समझाएगा।

टेलविंड में मनमाने मूल्यों का उपयोग कैसे करें?

मनमाना मान वे कस्टम मान हैं जिन्हें टेलविंड कॉन्फ़िगरेशन फ़ाइल में परिभाषित किए बिना सीधे HTML क्लास विशेषता में लिखा जा सकता है। उनके उपसर्ग में एक वर्गाकार ब्रैकेट नोटेशन लगा होता है, जैसे कि [24पीएक्स], [2.5रेम], आदि। टेलविंड में मनमाने मानों का उपयोग करने के लिए, एक वर्गाकार ब्रैकेट नोटेशन का उपयोग करें और उपयोगिता वर्गों को गतिशील रूप से उत्पन्न करने के लिए कोई भी कस्टम मान निर्दिष्ट करें।

बेहतर समझ के लिए नीचे सूचीबद्ध चरण देखें:

चरण 1: HTML प्रोग्राम में मनमाना मानों का उपयोग करें

एक HTML प्रोग्राम बनाएं और वांछित कक्षाएं बनाने के लिए किसी भी कस्टम मान के साथ वर्गाकार ब्रैकेट नोटेशन का उपयोग करें। उदाहरण के लिए, हमने इसका उपयोग किया है 'बीजी-[#e9e516]', 'डब्ल्यू-[600पीएक्स]', 'एच-[400पीएक्स]', 'पी-[13पीएक्स]', और अन्य वर्ग:

यहाँ:

• 'बीजी-[#e9e516]' क्लास
  का बैकग्राउंड रंग सेट करता है '#e9e516' (पीला)।
• “w-[600px]” क्लास
  की चौड़ाई 600 पिक्सेल पर सेट करता है।
• 'एच-[400पीएक्स]' क्लास
  तत्व पर 400 पिक्सेल की ऊँचाई लागू करता है।
• 'पी-[13पीएक्स]' क्लास
  की पैडिंग को 13 पिक्सेल पर सेट करता है।
• “एम-[19पीएक्स]” क्लास
  के मार्जिन को 19 पिक्सेल पर सेट करता है।

• “पाठ-[30px]” क्लास

  तत्व का फ़ॉन्ट आकार 30 पिक्सेल पर सेट करता है।

• “पाठ-[#7405ab]” क्लास ने

  तत्व के टेक्स्ट का रंग बैंगनी (#7405ab) पर सेट किया।

• 'ट्रैकिंग-[0.5rem]' वर्ग

  तत्व के लिए अक्षर-अंतरिक्ष को 0.5 रेम पर लागू करता है।

चरण 2: आउटपुट सत्यापित करें

यह सुनिश्चित करने के लिए कि मनमाना मान ठीक से काम कर रहे हैं, HTML वेब पेज देखें:

उपरोक्त आउटपुट इंगित करता है कि मनमाने मूल्य ठीक से काम कर रहे हैं जैसा कि उन्हें परिभाषित किया गया था।

निष्कर्ष

टेलविंड में मनमाने मानों का उपयोग करने के लिए, गतिशील रूप से कक्षाएं उत्पन्न करने के लिए HTML प्रोग्राम में किसी भी कस्टम मान के साथ एक वर्ग ब्रैकेट नोटेशन का उपयोग करें। उपयोगकर्ता किसी भी संपत्ति के लिए मानों का उपयोग कर सकते हैं जो संख्यात्मक या रंग मान स्वीकार करते हैं, जैसे फ़ॉन्ट आकार, रंग, चौड़ाई, ऊंचाई, मार्जिन, पैडिंग इत्यादि। इस आलेख में टेलविंड सीएसएस में मनमाने मानों का उपयोग करने की विधि बताई गई है।