टेलविंड सीएसएस में, पैडिंग का उपयोग विशिष्ट तत्व की सामग्री और उसकी सीमाओं के बीच स्थान जोड़ने के लिए किया जाता है। यह तत्व के अंदर अतिरिक्त रिक्ति जोड़ता है। टेलविंड सीएसएस पैडिंग उपयोगिताओं और पैडिंग मानों का एक सेट प्रदान करता है जो उपयोगकर्ताओं को वांछित तत्वों के अंतर को अनुकूलित करने की अनुमति देता है। इसके अलावा, उपयोगकर्ता किसी एक तरफ पैडिंग जोड़ सकते हैं, जैसे किसी विशेष तत्व के ऊपर, नीचे, बाएँ या दाएँ।
यह ब्लॉग टेलविंड सीएसएस में किसी तत्व के एक तरफ पैडिंग जोड़ने के उदाहरण प्रदर्शित करेगा।
टेलविंड में सिंगल साइड में पैडिंग कैसे जोड़ें?
टेलविंड में किसी तत्व के एक तरफ पैडिंग जोड़ने के लिए, निम्नलिखित उपयोगिता वर्गों का उपयोग किया जा सकता है:
इसे बेहतर ढंग से समझने के लिए, नीचे दिए गए उदाहरण देखें।
उदाहरण 1: किसी तत्व के शीर्ष पर पैडिंग जोड़ें
इस उदाहरण में, हम 'का उपयोग करेंगे पीटी-10 'उपयोगिता वर्ग' में उदाहरण 2: किसी तत्व के नीचे पैडिंग जोड़ें इस उदाहरण में, हम 'का उपयोग करेंगे पीबी-10 'कक्षा में' उदाहरण 3: किसी तत्व के दाईं ओर पैडिंग जोड़ें इस उदाहरण में, हम 'का उपयोग करेंगे पीआर-10 'कक्षा में' उदाहरण 4: किसी तत्व के बाईं ओर पैडिंग जोड़ें इस उदाहरण में, हम 'का उपयोग करेंगे पीएल-10 'कक्षा में' टेलविंड में किसी तत्व के एक तरफ पैडिंग जोड़ने के लिए, विभिन्न उपयोगिता वर्गों का उपयोग किया जा सकता है, जैसे ' कृपया-<मूल्य> ”,“ पीआर-<मूल्य> ”,“ पीटी-<मूल्य> ', और ' पीबी-<मूल्य> ”। ये वर्ग विशिष्ट तत्व के क्रमशः बाएँ, दाएँ, ऊपर और नीचे की ओर पैडिंग जोड़ते हैं। उपयोगकर्ता पैडिंग के आकार के लिए अलग-अलग मान निर्दिष्ट कर सकते हैं। इस ब्लॉग ने टेलविंड सीएसएस में किसी तत्व के एक तरफ पैडिंग जोड़ने के उदाहरण प्रदर्शित किए हैं।
< डिव कक्षा = 'बीजी-गुलाबी-600 पीटी-10 डब्ल्यू-मैक्स' >
गद्दी में टेलविंड सीएसएस
डिव >
शरीर >
उत्पादन
उपरोक्त आउटपुट से पता चलता है कि पैडिंग को कंटेनर के शीर्ष पर जोड़ा गया है।
< डिव कक्षा = 'बीजी-गुलाबी-600 पीबी-10 डब्ल्यू-मैक्स' >
गद्दी में टेलविंड सीएसएस
डिव >
शरीर >
उत्पादन
यह देखा जा सकता है कि कंटेनर के निचले हिस्से में पैडिंग जोड़ दी गई है।
< डिव कक्षा = 'बीजी-पिंक-600 पीआर-10 डब्ल्यू-मैक्स' >
गद्दी में टेलविंड सीएसएस
डिव >
शरीर >
उत्पादन
उपरोक्त आउटपुट से पता चलता है कि पैडिंग को कंटेनर तत्व के दाईं ओर जोड़ा गया है।
< डिव कक्षा = 'बीजी-पिंक-600 पीएल-10 डब्ल्यू-मैक्स' >
गद्दी में टेलविंड सीएसएस
डिव >
शरीर >
उत्पादन
यह देखा जा सकता है कि पैडिंग को कंटेनर के बाईं ओर जोड़ा गया है। निष्कर्ष