Tools, FAQ, Tutorials:
'cellspacing' - White Spaces between HTML Table Cells
How To Control White Spaces between Table Cells?
✍: FYIcenter.com
White spaces between cells refer to the vertical space between a upper cell and a lower cell
in a table column, and the horizontal space between a left cell and a right cell in a table row.
If inner borders are turned on, white spaces between cells appear outside cell inner borders.
By default, browsers give white spaces of 1 pixel between cells.
If you want to control white spaces between cells, you need to use the "cellspacing" attribute, which takes an integer in pixels. Examples of "cellspacing" are:
Below is a tutorial example of using "cellspacing" to control white spaces between cells:
<?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Cell Spacing</title> </head> <body> <h4>cellspacing="0"</h4> <table border="8" frame="hsides" cellspacing="0"> <tr><td>Description</td><td>Qty</td><td>Price</td></tr> <tr><td>Email Account</td><td>10</td><td>$9.90</td></tr> <tr><td>FYIcenter.com Ad</td><td>1</td><td>$99.00</td></tr> <tr><td>1-year Access</td><td>1</td><td>$199.00</td></tr> </table> <h4>cellspacing="8"</h4> <table border="8" frame="hsides" cellspacing="8"> <tr><td>Description</td><td>Qty</td><td>Price</td></tr> <tr><td>Email Account</td><td>10</td><td>$9.90</td></tr> <tr><td>FYIcenter.com Ad</td><td>1</td><td>$99.00</td></tr> <tr><td>1-year Access</td><td>1</td><td>$199.00</td></tr> </table> </body> </html>
If you save the above document as cellspacing.html, and view it with
Internet Explorer, you will see that one table is displayed with no cell spacing
and one table displayed with 8 pixels of cell spacing as shown below:
Â
⇒HTML Tables and Table Cells
⇒⇒HTML Tutorials
2017-05-13, 1292👍, 0💬
Popular Posts:
Can You Add Values to an Array without Keys in PHP? Can You Add Values to an Array with a Key? The a...
How To Submit Values without Using a Form in PHP? If you know the values you want to submit, you can...
How to build a test service operation to dump everything from the "context.Request" object in the re...
What properties and functions are supported on http.client.HTTPResponse objects? If you get an http....
How to login to Azure API Management Publisher Dashboard? If you have given access permission to an ...