यह सेट करने के लिए कि क्या टेबल बॉर्डर को छोटा करना है, BorderCollapse का उपयोग करें संपत्ति और इसे ढहने के लिए सेट करें। टेबल बॉर्डर को ढहने के लिए सेट करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं -
उदाहरण
<!DOCTYPE html>
<html>
<body>
<table id="newTable" border="2">
<tr>
<th>EmpID</th>
<th>EmpName</th>
<th>EmpDept</th>
</tr>
<tr>
<td>001</td>
<td>Amit</td>
<td>IT</td>
</tr>
<tr>
<td>002</td>
<td>John</td>
<td>Finance</td>
</tr>
<tr>
<td>003</td>
<td>David</td>
<td>Marketing</td>
</tr>
</table>
<br>
<button onclick="display()">Click to collapse</button>
<script>
function display() {
document.getElementById("newTable").style.borderCollapse = "collapse";
}
</script>
</body>
</html>