show-notice
hide-notice

Wednesday 7 August 2013

CSS Cellspacing


Introduction:

HTML used to have a cellspacing attribute for defining the space between cells on a table, but it has been phased out (as of HTML version 5).
And there never was a "CSS cellspacing" property.
But, although there isn't a "CSS cellspacing" property, there is a property that may be just what you're looking for.

Example:
<html>
<head>
<title></title>
</head>
<body>
<style type="text/css">
table.space {
  border:1px solid black;
  border-spacing: 5px 10px;
  }
td {
  border:1px dotted orange;
  }
</style>
<!-- Place the above styles between the document's <head></head> tags or in an external stylesheet -->
<table class="space">
 <tr>
  <td>Table Cell 1</td>
  <td>Table Cell 2</td>
 </tr>
 <tr>
  <td>Table Cell 3</td>
  <td>Table Cell 4</td>
 </tr>
</table>
</body>
</html>

SHARE THIS POST   

0 comments :

Post a Comment

Design by Gohilinfotech | www.gohilinfotech.blogspot.com