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:
⇒ 'cellpadding' - Padding Spaces in HTML Table Cell
2017-05-13, 1467🔥, 0💬
Popular Posts:
How to add request URL Template Parameters to my Azure API operation to make it more user friendly? ...
What Is Azure API Management Service? Azure API Management as a turnkey solution for publishing APIs...
How to add request query string Parameters to my Azure API operation 2017 version to make it more us...
How to add a new operation to an API on the Publisher Dashboard of an Azure API Management Service? ...
How to add images to my EPUB books Images can be added into book content using the XHTML "img" eleme...