सीएसएस में अलग-अलग पक्षों के लिए पैडिंग परिभाषित करें

CSS हमें तत्वों के लिए साइड स्पेसिफिक पैडिंग सेट करने की अनुमति देता है। पैडिंग-टॉप, पैडिंग-राइट, पैडिंग-बॉटम और पैडिंग-राइट प्रॉपर्टीज क्रमशः टॉप, राइट, बॉटम और लेफ्ट पैडिंग को परिभाषित करते हैं। पैडिंग शॉर्टहैंड प्रॉपर्टी का उपयोग घड़ी की दिशा में मान निर्दिष्ट करके समान आउटपुट प्राप्त करने के लिए भी किया जा सकता है।

सिंटैक्स

CSS पैडिंग प्रॉपर्टी का सिंटैक्स इस प्रकार है -

चयनकर्ता { पैडिंग-टॉप:/*वैल्यू*/ पैडिंग-राइट:/*वैल्यू*/ पैडिंग-बॉटम:/*वैल्यू*/ पैडिंग-लेफ्ट:/*वैल्यू*/}

निम्नलिखित उदाहरण सूचियों की शैली को स्पष्ट करते हैं -

उदाहरण

<शैली>लेख { मार्जिन:2em 1em; गद्दी:3%; पृष्ठभूमि-रंग:बेर; लेटर-स्पेसिंग:0.05em;}स्पैन { पैडिंग:0 53%; सीमा-दाएं:धराशायी; पृष्ठभूमि-छवि:रैखिक-ढाल (दाईं ओर, लैवेंडर ब्लश, हल्का नीला); फ़ॉन्ट-आकार:1.4em; font-style:italic;}
Xamarin क्या है?
<लेख>Xamarin सैन फ्रांसिस्को में स्थित एक सॉफ्टवेयर कंपनी है। Xamarin .NET फ्रेमवर्क पर बनाया गया है। /html> 
आउटपुट
 

 
 
उदाहरण
 
Apple की स्विफ्ट प्रोग्रामिंग लैंग्वेज
स्विफ्ट एक प्रोग्रामिंग लैंग्वेज है जिसे विकसित किया गया है iOS और OS X के विकास के लिए Apple Inc द्वारा।