HTML/CSS/Box Model/border collapse
Содержание
border-collapse:collapse
<source lang="html4strict">
<?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 xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head>
<title>CSS Example</title> <style rel="stylesheet" type="text/css">
table.one {
border-collapse: collapse;
} td.a {
border-style: dotted; border-width: 3px; border-color: #000000; padding: 10px;
} td.b {
border-style: solid; border-width: 3px; border-color: #333333; padding: 10px;
} </style> </head> <body>
border-collapse:collapse
| cell a collapse | cell b collapse |
| cell b collapse | cell a collapse |
</body> </html>
</source>
border-collapse:separate
<source lang="html4strict">
<?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 xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head>
<title>CSS Example</title> <style rel="stylesheet" type="text/css">
table.two {
border-collapse: separate;
} td.a {
border-style: dotted; border-width: 3px; border-color: #000000; padding: 10px;
} td.b {
border-style: solid; border-width: 3px; border-color: #333333; padding: 10px;
} </style> </head> <body>
border-collapse:separate
| cell a separate | cell b separate |
| cell b separate | cell a separate |
</body> </html>
</source>
