HTML तालिका पैडिंग और रिक्ति
HTML तालिकाएँ कोशिकाओं के भीतर पैडिंग और कोशिकाओं के बीच रिक्ति को समायोजित कर सकती हैं।
गद्दी के साथ
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
रिक्ति के साथ
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
HTML तालिका - सेल पैडिंग
सेल पैडिंग सेल किनारों और सेल सामग्री के बीच का स्थान है।
पैडिंग डिफ़ॉल्ट रूप से 0 पर सेट है.
टेबल सेल में पैडिंग जोड़ने के लिए, CSS पैडिंग प्रॉपर्टी का उपयोग करें:
उदाहरण
th, td {
padding: 15px;
}केवल सामग्री के ऊपर पैडिंग जोड़ने के लिए, पैडिंग-टॉप विशेषता का उपयोग करें।
पैडिंग-बॉटम, पैडिंग-लेफ्ट और पैडिंग-राइट विशेषताओं के साथ अन्य पेजों पर पैडिंग जोड़ें:
उदाहरण
th, td {
padding-top: 10px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 40px;
}| शीर्षक 1 | शीर्षक 2 |
|---|---|
| डेटा 1 | डेटा 2 |
शीर्ष: 10px, निचला: 20px, बाएँ: 30px, दाएँ: 40px पैडिंग
HTML तालिका - सेल रिक्ति
सेल स्पेसिंग प्रत्येक कोशिका के बीच का स्थान है।
डिफ़ॉल्ट रूप से रिक्ति 2 पिक्सेल पर सेट है।
तालिका कक्षों के बीच रिक्ति बदलने के लिए, तालिका तत्व पर CSS बॉर्डर-स्पेसिंग गुण का उपयोग करें:
उदाहरण
table {
border-spacing: 30px;
}| सेल 1 | सेल 2 | सेल 3 |
| सेल 4 | सेल 5 | सेल 6 |
30px border-spacing