border-spacing.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"  "http://www.w3.org/TR/REC-html40/loose.dtd"><html><head><title>Border Spacing</title><style type="text/css"><!--table {border-spacing: separate; border-spacing: 5px 10px; border: 2px solid black;}td {border: 1px solid gray; background: #FFD; padding: 0.25em;}--></style></head><body id="www-meyerweb-com" class="css"><p>In the following table, the cells should have 5 pixels of border-spacing in the horizontal, and 10 pixels in the vertical.</p><table><tr><td>r1c1</td><td>r1c2</td><td>r1c3</td><td>r1c4</td><td>r1c5</td><td>r1c6</td><td>r1c7</td><td>r1c8</td></tr><tr><td>r2c1</td><td>r2c2</td><td>r2c3</td><td>r2c4</td><td>r2c5</td><td>r2c6</td><td>r2c7</td><td>r2c8</td></tr><tr><td>r3c1</td><td>r3c2</td><td>r3c3</td><td>r3c4</td><td>r3c5</td><td>r3c6</td><td>r3c7</td><td>r3c8</td></tr><tr><td>r4c1</td><td>r4c2</td><td>r4c3</td><td>r4c4</td><td>r4c5</td><td>r4c6</td><td>r4c7</td><td>r4c8</td></tr><tr><td>r5c1</td><td>r5c2</td><td>r5c3</td><td>r5c4</td><td>r5c5</td><td>r5c6</td><td>r5c7</td><td>r5c8</td></tr><tr><td>r6c1</td><td>r6c2</td><td>r6c3</td><td>r6c4</td><td>r6c5</td><td>r6c6</td><td>r6c7</td><td>r6c8</td></tr><tr><td>r7c1</td><td>r7c2</td><td>r7c3</td><td>r7c4</td><td>r7c5</td><td>r7c6</td><td>r7c7</td><td>r7c8</td></tr><tr><td>r8c1</td><td>r8c2</td><td>r8c3</td><td>r8c4</td><td>r8c5</td><td>r8c6</td><td>r8c7</td><td>r8c8</td></tr></table></body></html>