HTML DOM Style emptyCells প্রপার্টি

HTML DOM Style emptyCells প্রপার্টি টেবিলের খালি সেলগুলি কীভাবে প্রদর্শিত হবে তা নির্দিষ্ট করতে ব্যবহৃত হয়। ডিফল্টভাবে এই প্রপার্টিটি show-এ সেট থাকে।

সিনট্যাক্স

emptyCells প্রপার্টি সেট করার জন্য:

empty-cells: show|hide|initial|inherit;

এখানে, "show" খালি সেলের বর্ডার প্রদর্শন করে, "hide" প্রদর্শন করে না। "initial" ডিফল্ট মান সেট করে এবং "inherit" প্যারেন্ট প্রপার্টির মান উত্তরাধিকারসূত্রে পায়।

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
  #TABLE1 {
    font-style: italic;
    empty-cells: hide;
  }
  table, td {
    margin: 5px;
    padding: 3px;
    border: 1px solid black;
  }
</style>
<script>
  function showEmptyCells() {
    document.getElementById("TABLE1").style.emptyCells = "show";
    document.getElementById("Sample").innerHTML = "টেবিলের খালি সেলগুলো এখন nhìnেতে পাবে";
  }
</script>
</head>
<body>
  <table id="TABLE1">
    <tr>
      <td>demo</td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>demo</td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>demo</td>
      <td></td>
      <td></td>
    </tr>
  </table>
  <p>নিচের বাটনে ক্লিক করে উপরের টেবিলের লুকানো সেলগুলো দেখান</p>
  <button onclick="showEmptyCells()">সেল দেখান</button>
  <p id="Sample"></p>
</body>
</html>

আউটপুট

প্রাথমিক অবস্থায় টেবিলের খালি সেলগুলোর বর্ডার লুকানো থাকবে।

"সেল দেখান" বাটনে ক্লিক করার পর খালি সেলগুলোর বর্ডার দৃশ্যমান হবে।