HTML/CSS/CSS Attributes and Javascript Style Properties/border spacing
border-spacing: 15px
<source lang="html4strict">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head> <title>border-spacing</title> <style rel="stylesheet" type="text/css">
table {
border: 1px solid rgb(200, 200, 200); caption-side: bottom; width: 100%; table-layout: fixed; border-spacing: 15px;
} th {
background: lightyellow;
} th, td {
border: 1px solid rgb(200, 200, 200); padding: 5px; overflow: hidden;
}
</style> </head> <body>
Column 1 | Colunm 2 | Column 3 |
---|---|---|
R | A | 1965 |
B | V | 1967 |
M | T | 1995 |
</body>
</html>
</source>
border-spacing: 15px 0
<source lang="html4strict">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head> <title></title> <style rel="stylesheet" type="text/css">
body {
font-family: sans-serif;
} table {
border: 1px solid rgb(200, 200, 200); caption-side: bottom; width: 100%; table-layout: fixed; border-spacing: 15px 0;
} th {
background: lightyellow;
} th, td {
border: 1px solid rgb(200, 200, 200); padding: 5px; overflow: hidden;
}
</style> </head> <body>
Column 1 | Colunm 2 | Column 3 |
---|---|---|
R | A | 1965 |
B | V | 1967 |
M | T | 1995 |
</body>
</html>
</source>