W3Schools.com

Table cellSpacing Property

Table Object Reference Table Object

Definition and Usage

The cellSpacing property sets or returns the amount of space between the cells in a table.

Syntax

Set the cellSpacing property:

tableObject.cellSpacing="number|percent"

Return the cellSpacing property:

tableObject.cellSpacing

Tip: There is no default value for the cellSpacing property.

Value Description
number The space in pixels (with or without a px designator)
percent The space in percent (with a % designator)


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The cellSpacing property is supported in all major browsers.


Example

Example

Change cellPadding and cellSpacing of a table:

<html>
<head>
<script type="text/javascript">
function padding()
{
document.getElementById('myTable').cellPadding="25";
}
function spacing()
{
document.getElementById('myTable').cellSpacing="15";
}
</script>
</head>
<body>

<table id="myTable" border="1">
  <tr>
    <td>cell 1</td>
    <td>cell 2</td>
  </tr>
  <tr>
    <td>cell 3</td>
    <td>cell 4</td>
  </tr>
</table>
<br />
<button type="button" onclick="padding()">Change Cellpadding</button>
<button type="button" onclick="spacing()">Change Cellspacing</button>

</body>
</html>

Try it yourself »


Table Object Reference Table Object
WEB HOSTING
Best Web Hosting
PHP MySQL Hosting
Best Hosting Coupons
UK Reseller Hosting
Cloud Hosting
Top Web Hosting
$7.95/mo SEO Hosting
Premium Website Design
WEB BUILDING
Download XML Editor
FREE Website BUILDER
Free Website Templates Free CSS Templates
Make Your Own Website
W3SCHOOLS EXAMS
Get Certified in:
HTML, CSS, JavaScript, XML, PHP, and ASP
W3SCHOOLS BOOKS
New Books:
HTML, CSS
JavaScript, and Ajax
STATISTICS
Browser Statistics
Browser OS
Browser Display
SHARE THIS PAGE