तालिका शीर्षक की स्थिति निर्धारित करने के लिए, JavaScript borderWidth का उपयोग करें संपत्ति। इस गुण का उपयोग करके स्थिति निर्धारित करें।
तालिका के कैप्शन की स्थिति कैसे सेट करें, यह जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं -
उदाहरण
<!DOCTYPE html>
<html>
<body>
<table id = "newTable" border = "2">
<caption id = "newCaption">Employee Details</caption>
<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 change caption position</button>
<script>
function display() {
document.getElementById("newCaption").style.captionSide = "bottom";
}
</script>
</body>
</html>