Description
Use the cellpadding attribute to create some space around the contents of table cells (in th and td elements). The effect of this attribute’s application won’t be immediately obvious unless you’ve also set a border attribute for the table, as Figure 1 reveals.
The cellpadding attribute is similar to the cellspacing attribute, which is used to create space between and outside of the table cells.
Two tables, with cellpadding values of five and ten pixels, respectively
Example
The cellpadding for this table is set to "5" pixels:
<table border="1" cellpadding="5">
<tr>
<th>Account Type</th>
<th>Interest Rate</th>
</tr>
<tr>
<td>Smart</td>
<td>From 2%</td>
</tr>
<tr>
<td>Young Saver</td>
<td>From 1.6%</td>
</tr>
</table>
Value
This attribute takes a numerical value, which reflects a pixel measurement.
Meet the author
Adam is SitePoint's head of content, who also writes Versioning, a daily newsletter covering everything new and interesting in the world of web development. He has a beard and will talk to you about beer and Star Wars, if you let him.
Login or Create Account to Comment
Login
Create Account
Recommended
Sponsors
HTML & CSS
GreenSock for Beginners (Part 2): GSAP's Timeline
In Part 2 of her GreenSock (GSAP) tutorial for beginners, Maria Antonietta Perna shows how GSAP timeline makes coding complex animations...
HTML & CSS
Building a 3D Rotating Carousel with CSS and JavaScript
Giulio Mainardi shows you how to build a 3D rotating carousel using CSS 3D transforms, with some nifty math tricks and some JavaScript to...