برای کنترل "cellpadding" در CSS، می‌تونید از padding روی سلول‌های جدول استفاده کنید. مثلاً برای ۱۰ پیکسل "cellpadding":

td, th { /* table cells */
    padding: 10px;
}

برای "cellspacing"، می‌تونید از ویژگی border-spacing در CSS برای جدول استفاده کنید. مثلاً برای ۱۰ پیکسل "cellspacing":

table { 
    border-spacing: 10px;
    border-collapse: separate;
}

این ویژگی حتی اجازه می‌ده که فاصله‌های افقی و عمودی جداگانه تنظیم بشه، چیزی که با "cellspacing" قدیمی نمی‌شد انجام داد.

مشکلات در IE ≤ 7

این در اکثر مرورگرهای محبوب کار می‌کنه به جز Internet Explorer تا نسخه ۷، که تقریباً ناامیدکننده است. می‌گویم "تقریباً" چون این مرورگرها هنوز از ویژگی border-collapse پشتیبانی می‌کنند، که مرزهای سلول‌های جدول مجاور رو ادغام می‌کنه. اگر سعی می‌کنید cellspacing رو حذف کنید (یعنی cellspacing="0")، در این صورت border-collapse:collapse باید همان اثر رو داشته باشه: بدون فضای بین سلول‌های جدول. اما این پشتیبانی ایراداتی داره، چون ویژگی cellspacing موجود در HTML روی عنصر جدول رو نادیده نمی‌گیره.