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, 1474🔥, 0💬
Popular Posts:
Where to find tutorials on OpenID? Here is a large collection of tutorials to answer many frequently...
How to add request URL Template Parameters to my Azure API operation to make it more user friendly? ...
Where to find tutorials on PHP language? I want to know how to learn PHP. Here is a large collection...
How to convert JSON Objects to PHP Associative Arrays using the json_decode() function? Actually, JS...
How to search for the first match of a regular expression using re.search()? The re.search() functio...