W3.CSS पैडिंग
w3-पैडिंग-बड़ा
मेरे पास 12px ऊपर और नीचे पैडिंग और 24px बाएँ और दाएँ पैडिंग है।
W3.CSS पैडिंग नंबर क्लासेस
W3- पैडिंग- संख्या वर्ग किसी भी HTML तत्व में ऊपर और नीचे पैडिंग जोड़ते हैं:
| कक्षा | को परिभाषित करता है |
|---|---|
| w3-पैडिंग-16 | तत्व में 16px ऊपर और नीचे पैडिंग जोड़ता है |
| w3-पैडिंग-24 | तत्व में 24px ऊपर और नीचे पैडिंग जोड़ता है |
| w3-पैडिंग-32 | तत्व में 32px ऊपर और नीचे पैडिंग जोड़ता है |
| w3-पैडिंग-48 | तत्व में 48px ऊपर और नीचे पैडिंग जोड़ता है |
| w3-पैडिंग-64 | तत्व में 64px ऊपर और नीचे पैडिंग जोड़ता है |
उदाहरण:
w3-पैडिंग-16
मेरे पास 16px ऊपर और नीचे पैडिंग है
w3-पैडिंग-24
मेरे पास 24px ऊपर और नीचे पैडिंग है
w3-पैडिंग-32
मेरे पास 32px ऊपर और नीचे पैडिंग है
w3-पैडिंग-48
मेरे पास 48px ऊपर और नीचे पैडिंग है
w3-पैडिंग-64
मेरे पास 64px ऊपर और नीचे पैडिंग है
उदाहरण
<div class="w3-panel w3-padding-16">
<p>I have 16px top and bottom padding.</p>
</div>
W3.CSS पैडिंग साइज क्लासेस
W3- पैडिंग - आकार वर्ग किसी भी HTML तत्व में ऊपर, नीचे, दाएं और बाएं पैडिंग जोड़ते हैं:
| कक्षा | को परिभाषित करता है |
|---|---|
| w3-पैडिंग | 8px ऊपर और नीचे, और 16px बाएँ और दाएँ पैडिंग जोड़ता है |
| w3-पैडिंग-छोटा | 4px ऊपर और नीचे जोड़ता है, और 8px बाएँ और दाएँ पैडिंग जोड़ता है |
| w3-पैडिंग-बड़ा | 12px ऊपर और नीचे, और 24px बाएँ और दाएँ पैडिंग जोड़ता है |
उदाहरण:
w3-पैडिंग-छोटा
मेरे पास 4px ऊपर और नीचे पैडिंग और 8px बाएँ और दाएँ पैडिंग है।
w3-पैडिंग
मेरे पास 8px ऊपर और नीचे पैडिंग और 16px बाएँ और दाएँ पैडिंग है।
w3-पैडिंग-बड़ा
मेरे पास 12px ऊपर और नीचे पैडिंग और 24px बाएँ और दाएँ पैडिंग है।
उदाहरण
<div class="w3-panel w3-padding-large">
<p>I have 12px top and bottom padding and 24px left and right padding.</p>
</div>