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