परिचय
`padding-left` प्रॉपर्टी एलिमेंट के बाएं पैडिंग सेट करती है। लंबाई या प्रतिशत मान लेती है।
सिंटैक्स
padding-left: <length> | <percentage>;
उदाहरण
<html>
<head>
<style>
.demo-box {
border: 1px solid blue;
margin: 10px 0;
}
</style>
</head>
<body>
<p class="demo-box" style="padding-left: 10px;">
निर्दिष्ट बाएं पैडिंग (10px) के साथ पैराग्राफ।
</p>
<p class="demo-box" style="padding-left: 10%;">
प्रतिशत में बाएं पैडिंग (10%) के साथ पैराग्राफ।
</p>
</body>
</html>
मान
- Length: px, em, rem, pt, cm, mm, in, ex, ch
- Percentage: कंटेनिंग ब्लॉक की चौड़ाई का प्रतिशत
- Global: inherit, initial, revert, unset
लॉजिकल प्रॉपर्टी विकल्प
/* RTL-सपोर्ट के लिए */ padding-inline-start: 10px; /* LTR: लेफ्ट, RTL: राइट */ padding-inline-end: 10px; /* LTR: राइट, RTL: लेफ्ट */
सर्वोत्तम अभ्यास
- सुसंगत स्पेसिंग स्केल उपयोग करें (4px, 8px, 16px, 24px, 32px...)
- रिस्पॉन्सिव के लिए मीडिया क्वेरीज या `clamp()`
- लॉजिकल प्रॉपर्टीज अंतर्राष्ट्रीयकरण के लिए बेहतर
