নিচের চিত্রটি পতন এবং পৃথকের মধ্যে পার্থক্যকে ন্যায়সঙ্গত করে। আলাদা বর্ডার-কলাপ্স এর মান সম্পত্তি কোষের সীমানা আলাদা করে:
উদাহরণ
বর্ডার-কলাপস পৃথক এর মধ্যে পার্থক্য বুঝতে আপনি নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন এবং পতন মান:
<html>
<head>
<style>
table.one {
border-collapse:collapse;
}
table.two {
border-collapse:separate;
}
td.a {
border-style:dotted;
border-width:2px;
border-color:#000000;
padding: 20px;
}
td.b {
border-style:solid;
border-width:2px;
border-color:#333333;
padding:20px;
}
</style>
</head>
<body>
<table class = "one">
<caption>Border Collapse</caption>
<tr><td class = "a"> India</td></tr>
<tr><td class = "b"> Australia</td></tr>
</table>
<br />
<table class = "two">
<caption>Border Separate</caption>
<tr><td class = "a"> India</td></tr>
<tr><td class = "b"> Australia</td></tr>
</table>
</body>
</html> 