در جداولHTML دونوع تنظيم فاصله ميتوان انجام داد .يكي تنظيم سلولي وديگري تنظيم فاصله بين سلولي .تنظيم بين سلوليSpacing و سلوليPadding ميباشد .نمونه هاي دو مورد مطابق زير
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
پوشش سلولي تنظيم فاصله بين محتوي و مرز يا لبه سلول ميباشد .مقدار پيش فرض آن صفر است. براي افزودن فاصله بين محتوي ومرز سلول از ويژگيCSS padding استفاده ميشود .
مثال ـ تنظيم فاصله درون سلوليpadding
th, td {
padding: 15px;
}
فاصله درون سلولي متن با لبه ميتواند به چهار حالت لبه بالائي ، پائيني، چپ و راست باشد .آنها به ترتيب با ويژگي هايpadding-top ،padding-bottom ، padding-leftو padding-rightمعرفي ميشوند .
مثال ـ نمونه تنظيم فاصله درون سلولي در چهارجهت
th, td {
padding-top: 10px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 40px;
}
فاصله بين دو سلول جدولCell Spacing ميباشد .بصورت پيش فرض اين فاصله دو پيكسل ميباشد . براي تغيير فاصله بين سلولي از ويژگيCSS border-spacing استفاده ميشود . اين ويژگي مربوط به عنصر<table> ميباشد .
مثال ـ تنظيم فاصله بين سلولي جدول
table {
border-spacing: 30px;
}