टेलविंड सीएसएस एक प्रसिद्ध ढांचा है जिसका उपयोग अनुकूलन योग्य और उत्तरदायी वेब पेज या डिज़ाइन बनाने के लिए किया जाता है। यह उपयोगकर्ताओं को कोई कस्टम सीएसएस लिखे बिना तत्वों के लेआउट और रिक्ति को नियंत्रित करने की भी अनुमति देता है। पैडिंग विशेष तत्व की सामग्री और उसकी सीमा के बीच का स्थान है। कभी-कभी, उपयोगकर्ता किसी तत्व के प्रत्येक पक्ष पर समान मात्रा में पैडिंग लागू करना चाहते हैं। टेलविंड किसी तत्व के सभी पक्षों, या विशिष्ट पक्षों, जैसे ऊपर, दाएं, नीचे या बाएं पर पैडिंग लागू करने के लिए उपयोगिता कक्षाएं प्रदान करता है।
यह आलेख टेलविंड में किसी तत्व के सभी पक्षों पर पैडिंग जोड़ने की विधि का उदाहरण देगा।
टेलविंड में सभी तरफ पैडिंग कैसे जोड़ें?
टेलविंड में किसी विशेष तत्व के सभी पक्षों पर पैडिंग जोड़ने के लिए, एक HTML संरचना बनाएं। फिर, विशेष तत्व के साथ 'p-<मान>' उपयोगिता वर्ग का उपयोग करें। किसी तत्व पर पैडिंग लागू करने के लिए वांछित मान निर्दिष्ट करना आवश्यक है। इसके बाद, परिवर्तन सुनिश्चित करने के लिए HTML वेब पेज देखें।
वाक्य - विन्यास
< तत्व कक्षा = 'पी-<मान>' ... तत्व >
'<मान>' को किसी भी वांछित संख्या, जैसे 2, 4, 12, 20, आदि से बदलें।
उदाहरण
इस उदाहरण में, हमारे पास दो हैं ' दूसरे उत्पादन टेलविंड में किसी तत्व के सभी पक्षों पर पैडिंग जोड़ने के लिए, HTML प्रोग्राम में वांछित तत्व के साथ 'p-<मान>' उपयोगिता वर्ग का उपयोग किया जाता है। उपयोगकर्ताओं को किसी तत्व पर पैडिंग लागू करने के लिए विशिष्ट मान निर्दिष्ट करने की आवश्यकता होती है। सत्यापन के लिए, HTML वेब पेज देखें और परिवर्तन सुनिश्चित करें। इस आलेख में टेलविंड में किसी तत्व के सभी पक्षों पर पैडिंग जोड़ने की विधि का उदाहरण दिया गया है।
< शरीर >
< डिव कक्षा = 'बीजी-गुलाबी-600 पी-8 डब्ल्यू-मैक्स' >
गद्दी में टेलविंड सीएसएस
डिव >
< बीआर >
< डिव कक्षा = 'बीजी-टील-600 पी-14 डब्ल्यू-मैक्स' >
गद्दी में टेलविंड सीएसएस
डिव >
शरीर >
यहां, पहले
उपरोक्त आउटपुट के अनुसार, निर्दिष्ट पैडिंग को दोनों कंटेनरों के सभी किनारों पर लागू किया गया है। निष्कर्ष