সিএসএস border-spacing প্রোপার্টি
ব্রাউজার সাপোর্ট
| property | Google Chrome | Edge | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
| border-spacing | ১.০ | ৮.০ | ১.০ | ১.০ | ৪.০ |
সংজ্ঞা ও ব্যবহার
border-spacing পার্শ্ববর্তী সেলের বর্ডারের মধ্যে দূরত্ব সেট করে (শুধুমাত্র "separated borders" মডেলের জন্য)।
| Initial Value: | Inherited: | Animatable: |
|---|---|---|
| ০ | হ্যাঁ | হ্যাঁ । আরোও জানতে animatable অধ্যায় ভিজিট করুন। animatableএর উদাহরণ |
সিএসএস সিনট্যাক্স
border-spacing: length/initial/inherit;
একটি টেবিলের জন্য border-spacingসেট করেঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
table.satt1 {
border-collapse: separate;
border-spacing: 5px;
}
table.satt2 {
border-collapse: separate;
border-spacing: 20px 30px;
}
</style>
</head>
<body>
<table class="satt1" border="1">
<tr>
<td>শাহপরান</td>
<td>শরীফ</td>
</tr>
<tr>
<td>তানিয়া</td>
<td>আয়েশা</td>
</tr>
</table>
<br>
<table class="satt2" border="1">
<tr>
<td>স্যাট</td>
<td>একাডেমি</td>
</tr>
<tr>
<td>স্যাট</td>
<td>একাডেমি</td>
</tr>
</table>
<p><b>নোট:</b> যদি !DOCTYPE উল্লেখ করে দেওয়া হয় তাহলে ইন্টারনেট এক্সপ্লোরার (৮)এ বর্ডার স্পেসিং সাপোর্ট করে ।</p>
</body>
</html>
ফলাফল
জাভাস্ক্রিপ্ট সিনট্যাক্স
object.style.borderSpacing="20px"উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 2px solid blue;
}
</style>
</head>
<body>
<p> টেবিল এলিমেন্টের বর্ডার- স্পেসিং প্রোপার্টি পরিবর্তন করতে "পরিবর্তন করি " বাটনে ক্লিক করুন :</p>
<button onclick="myFunction()">পরিবর্তন করি </button>
<table id="thisTable">
<tr>
<th>নাম</th>
<th> বয়স</th>
</tr>
<tr>
<td> ইমেইল</td>
<td>৯</td>
</tr>
<tr>
<td>শরীফ</td>
<td>৮</td>
</tr>
<tr>
<td>হাসান </td>
<td>৩</td>
</tr>
</table>
<script>
function myFunction() {
document.getElementById("thisTable").style.borderSpacing = "20px";
}
</script>
</body>
</html>
ফলাফল
border-spacing প্রোপার্টির ভ্যালু-সমূহ
- length length - px, cm পার্শ্ববর্তী সেলের বর্ডারের মধ্যে দূরত্ব নির্দেশ করে। নেগেটিভ ভ্যালু গ্রহনযোগ্য না।
- যদি একটি ভ্যালু দেওয়া থাকে,এটাই অনুভূমিক ও উল্লম্ব ব্যবধান নির্দেশ করে ।
- যদি দুইটি ভ্যালু দেওয়া থাকে, তাহলে প্রথম ভ্যালু অনুভূমিক ব্যবধান এবং দ্বিতীয় ভ্যালুটি উল্লম্ব ব্যবধান নির্দেশ করে ।
- initial - সিএসএস প্রোপার্টির ডিফল্ট ভ্যালু সেট করে। আরও জানতে initial অধ্যায় ভিজিট করুন।
- inherit - এই প্রোপার্টির ভ্যালু প্যারেন্ট এলিমেন্ট থেকে উত্তরাধিকার সূত্রে পায়। আরও জানতে inherit অধ্যায় ভিজিট করুন।
border-spacing প্রোপার্টির ভ্যালু-সমুহের ব্যবহার দেখার জন্য স্ব-স্ব ভ্যালুতে ক্লিক করুন।