HTML DOM বর্ডারস্পেসিং প্রপার্টি টেবিল ঘরের মধ্যে স্পেস সেট বা ফেরানোর জন্য ব্যবহৃত হয়।
−
-এর সিনট্যাক্স নিচে দেওয়া হলবর্ডারস্পেসিং বৈশিষ্ট্য −
সেট করা হচ্ছেobject.style.borderSpacing = "length length|initial|inherit"
উপরের বৈশিষ্ট্যগুলি নিম্নরূপ ব্যাখ্যা করা হয়েছে -
| মান | বিবরণ |
|---|---|
| দৈর্ঘ্যের দৈর্ঘ্য | এটি কোষের মধ্যে স্থান নির্দিষ্ট করার জন্য ব্যবহৃত হয়। যদি শুধুমাত্র একটি মান দেওয়া হয় তবে এটি অনুভূমিক এবং উল্লম্ব উভয় ব্যবধানে সেট করা হয় অন্যথায় প্রথম মানটি অনুভূমিক ব্যবধানের জন্য এবং দ্বিতীয়টি উল্লম্বের জন্য। এর ডিফল্ট মান 0 এ সেট করা আছে। |
| প্রাথমিক | প্রাথমিক মান এই সম্পত্তি সেট করার জন্য। |
| উত্তরাধিকার | অভিভাবক সম্পত্তি মান উত্তরাধিকারসূত্রে পেতে |
আসুন আমরা বর্ডারস্পেসিং প্রপার্টি -
-এর একটি উদাহরণ দেখিউদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
div {
display: flex;
float: left;
}
table {
border: 3px solid black;
}
td {
border: 3px solid lightgreen;
}
th {
border: 3px solid lightblue;
}
</style>
<script>
function IncreaseBorderSpacing(){
document.getElementById("t1").style.borderSpacing="10px 10px";
document.getElementById("Sample").innerHTML="The table border spacing is now increased ";
}
</script>
</head>
<body>
<table id="t1">
<tr>
<th>FRUITS</th>
<th>PRICE </th>
</tr>
<tr>
<td>MANGO </td>
<td>40</td>
</tr>
<tr>
<td>APPLE</td>
<td>50</td>
</tr>
</table>
<p>Increase the above table border spacing by clicking the below button</p>
<button onclick="IncreaseBorderSpacing()">Increase Border Spacing</button>
<p id="Sample"></p>
</body>
</html> আউটপুট
"বর্ডার স্পেসিং বাড়ান" ক্লিক করলে বোতাম &-
