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, 1291👍, 0💬
Popular Posts:
How To Control Padding Spaces within a Table Cell? Cell padding spaces are spaces between cell inner...
Where to find tutorials on Visual Studio? I want to know How to learn Visual Studio. Here is a large...
How to use "{{...}}" Liquid Codes in "set-body" Policy Statement? The "{{...}}" Liquid Codes in "set...
How to add images to my EPUB books Images can be added into book content using the XHTML "img" eleme...
What are the differences of Differences of evaluateTransaction() and submitTransaction() of the fabr...