सीएसएस के साथ उदाहरणों में पैडिंग कैसे लागू करें

यह लेख आपको उदाहरणों के साथ सीएसएस में पैडिंग को लागू करने के बारे में विस्तृत और व्यापक ज्ञान प्रदान करेगा।

पैडिंग सबसे महत्वपूर्ण पहलुओं में से एक है तथा । इस लेख में हम निम्नलिखित क्रम में CSS में Padding के महत्व और उपयोग पर चर्चा करेंगे:

CSS में Padding क्या है?

पैडिंग प्रॉपर्टी आपको किसी तत्व और उसके बॉर्डर के कंटेंट टेक्स्ट के बीच कहां और कितना स्पेस देना चाहिए, यह बताने देती है। इस विशेषता का मान लंबाई या प्रतिशत या शब्द होना चाहिए।





Padding-in-CSS



यदि मूल्य विरासत में मिला है तो यह माता-पिता के समान ही पैडिंग होगा। यहाँ यदि प्रतिशत का उपयोग किया जाता है, तो प्रतिशत युक्त बॉक्स का है।

पैडिंग गुण

CSS में Padding के निम्नलिखित गुणों का उपयोग सूचियों को नियंत्रित करने के लिए किया जा सकता है। फिर भी, आप मुख्य रूप से निम्नलिखित गुणों का उपयोग करके बॉक्स के दोनों किनारों पर पैडिंग के लिए अलग-अलग मान सेट कर सकते हैं:

  • नीचे गद्दी करना: यह एक तत्व के निचले पैडिंग को निर्दिष्ट करता है।



  • पैडिंग शीर्ष: यह एक तत्व के शीर्ष पैडिंग को निर्दिष्ट करता है।

  • गद्दी छूट गई: यह तत्व की बाईं गद्दी को निर्दिष्ट करता है।

  • पैडिंग-राइट: यह तत्व की सही पैडिंग को निर्दिष्ट करता है।

  • गद्दी: यह आगे के गुणों के लिए एक आशुलिपि के रूप में कार्य करता है।

पैडिंग-तल संपत्ति:

यह एक तत्व के नीचे पैडिंग के लिए सेट किया गया है। यह प्रतिशत की लंबाई में मान ले सकता है।


यह पैराग्राफ निर्दिष्ट नीचे पैडिंग है



यह प्रतिशत में निर्दिष्ट एक और पैराग्राफ है

उदाहरण के साथ जावा में एडाप्टर क्लास

आउटपुट:

पैडिंग-शीर्ष संपत्ति

यह पैडिंग-टॉप प्रॉपर्टी किसी तत्व की शीर्ष पैडिंग सेट करेगी। यह प्रतिशत की लंबाई में मान ले सकता है।


यह पैराग्राफ निर्दिष्ट शीर्ष पैडिंग है



यह एक अन्य पैराग्राफ है जो शीर्ष प्रतिशत में निर्दिष्ट है

.trim () जावा

आउटपुट:

पैडिंग-लेफ्ट प्रॉपर्टी

यह पैडिंग-लेफ्ट प्रॉपर्टी किसी तत्व के लेफ्ट पेडिंग को सेट करेगी। यह प्रतिशत की लंबाई में मान ले सकता है।


यह पैराग्राफ निर्दिष्ट बाएं पैडिंग है



यह एक अन्य पैराग्राफ है जो बाईं ओर के पैडिंग प्रतिशत में निर्दिष्ट है

आउटपुट:

पैडिंग-राइट प्रॉपर्टी

यह पैडिंग-राइट प्रॉपर्टी एक तत्व की सही पैडिंग सेट करेगी। यह प्रतिशत की लंबाई में मान ले सकता है।


यह पैराग्राफ निर्दिष्ट सही पैडिंग है



यह प्रतिशत में निर्दिष्ट दूसरा पैराग्राफ है

आउटपुट:

पैडिंग प्रॉपर्टी

यह पैडिंग प्रॉपर्टी राइट, लेफ्ट, टॉप और बॉटम पेडिंग सेट करती है। यह मानों को प्रतिशत की लंबाई में ले जा सकता है।

जावा के लिए ग्रहण को कैसे कॉन्फ़िगर करें


ये सभी चार पैडिंग 20 पीएक्स की होंगी



ऊपर और नीचे की गद्दी 20px होगी, दाएं और बाएं दस्तावेज़ की कुल चौड़ाई का 10% होगी



टॉप और बॉटम पैडिंग 20px होगी, राइट पैडिंग डॉक्यूमेंट की कुल चौड़ाई का 3% होगी, बॉटम पैडिंग और टॉप पैडिंग 20px होगी

आउटपुट:

इसके साथ, हम CSS में Padding पर इस अद्भुत लेख के अंत में आते हैं। मुझे आशा है कि आपको उन विभिन्न तरीकों की समझ मिल जाएगी, जिनमें हम पैडिंग जोड़ सकते हैं।

यदि आप वेब-डेवलपमेंट के बारे में अधिक जानने में रुचि रखते हैं, तो देखें Edureka द्वारा। वेब डेवलपमेंट सर्टिफिकेशन ट्रेनिंग आपको HTML5, CSS3, ट्विटर बूटस्ट्रैप 3, jQuery और Google API का उपयोग करके प्रभावशाली वेबसाइट बनाने और इसे अमेज़ॅन सिंपल स्टोरेज सर्विस (S3) में तैनात करने में मदद करेगी।

यदि आप अभी भी रुचि रखते हैं यदि आपके कोई प्रश्न हैं, तो आप इसे 'सीएसएस में पैडिंग' ब्लॉग के टिप्पणी अनुभाग में पोस्ट कर सकते हैं, और हम आपको जल्द से जल्द वापस मिलेंगे।