Certified HTML5 Developer Learning Resources Table Cellpadding and Cellspacing

Learning Resources
 

Table Cellpadding and Cellspacing


cellspacing=" "
Use this command to add more space around each cell. Place a number inside the quote marks.

cellpadding=" "
Use this command to add more space inside each cell. Place a number inside the quote marks.
 

I'll show you an example of both of these now. Let's say we added the cellspacing command to our last table, and set it to equal 12, like this:

Now the table would look like this:

This is a cell This is a cell
This is the new row I'm on the new row, too!

Now, suppose we used the cellpadding command, and set it to 12, like this:

Now the table looks like this:

This is a cell This is a cell
This is the new row I'm on the new row, too!

And of course, you can use both at once:

This is a cell This is a cell
This is the new row I'm on the new row, too!

 

 For Support