Idocs Guide to HTML

CELLPADDING and CELLSPACING

By default, table cells tend to be squeezed close to each other. To give your table cells a little more breathing room, use CELLPADDING and CELLSPACING.

illustration of CELLSPACING attributeCELLSPACING controls the space between table cells. Although there is no official default, browsers usually use a default of 2.

<TABLE BORDER>

<TABLE BORDER CELLSPACING=2>

<TABLE BORDER CELLSPACING=10>

peachescherries
walnutsalmonds
peachescherries
walnutsalmonds
peachescherries
walnutsalmonds

illustration of CELLPADDING attributeCELLPADDING sets the amount of space between the contents of the cell and the cell wall. The default is 1. CELLPADDING is usually more effective than CELLSPACING for spreading out the contents of the table.

<TABLE BORDER>

<TABLE BORDER CELLPADDING=1>

<TABLE BORDER CELLPADDING=10>

peachescherries
walnutsalmonds
peachescherries
walnutsalmonds
peachescherries
walnutsalmonds

Copyright 1997-2002 Idocs Inc. Content in this guide is offered freely to the public under the terms of the Open Content License and the Open Publication License. Contents may be redistributed or republished freely under these terms so long as credit to the original creator and contributors is maintained.