X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

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>
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

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates FREE Website Templates Free HTML Templates

SHARE THIS PAGE

facebook