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

Table cellPadding Property

Table Object Reference Table Object

Definition and Usage

The cellPadding property sets or returns the amount of space between the cell border and the cell content.

Syntax

Set the cellPadding property:

tableObject.cellPadding="number|percent"

Return the cellPadding property:

tableObject.cellPadding

Tip: There is no default value for the cellPadding 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 cellPadding 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

SHARE THIS PAGE