परिचय
`padding-bottom` प्रॉपर्टी एलिमेंट के नीचे पैडिंग (कंटेंट और निचले बॉर्डर के बीच की जगह) सेट करती है।
सिंटैक्स
padding-bottom: <length> | <percentage>;
उदाहरण
<html>
<head>
<style>
.demo-box {
border: 1px solid red;
margin: 10px 0;
}
</style>
</head>
<body>
<p class="demo-box" style="padding-bottom: 20px;">
20px नीचे पैडिंग के साथ डेमो कंटेंट।
</p>
<p class="demo-box" style="padding-bottom: 20%;">
20% नीचे पैडिंग (कंटेनर चौड़ाई के सापेक्ष)।
</p>
<p class="demo-box" style="padding-bottom: 2em;">
2em नीचे पैडिंग (फॉन्ट साइज के सापेक्ष)।
</p>
</body>
</html>
संबंधित प्रॉपर्टीज
- `padding-top` - ऊपर पैडिंग
- `padding-left` - बायां पैडिंग
- `padding-right` - दायां पैडिंग
- `padding` - शॉर्टहैंड
- `padding-block-end` - लॉजिकल (LTR/RTL में बॉटम)
