বৈশিষ্ট্য empty-cells

empty-cells বৈশিষ্ট্যটি ব্রাউজারকে নির্দেশ দেয় কিভাবে HTML টেবিলের খালি সেল td বা সেল th-এর ব্যাকগ্রাউন্ড এবং বর্ডার প্রদর্শন করতে হবে: দেখানো হবে নাকি হবে না।

নিম্নলিখিত ক্ষেত্রে একটি সেলকে খালি হিসাবে বিবেচনা করা হয়: কোনো অক্ষর নেই, সেলে শুধুমাত্র স্পেস (একটি বা একাধিক), লাইন ব্রেক বা ট্যাব অক্ষর রয়েছে, অথবা visibility বৈশিষ্ট্যটি hidden হিসাবে সেট করা আছে।

একটি সেলকে খালি না করে, কিন্তু দৃশ্যমান টেক্সট ছাড়াই তৈরি করতে, নিম্নলিখিত পদ্ধতি ব্যবহার করা হয়: সেলে একটি নন-ব্রেকিং স্পেস   লিখে দেওয়া হয়।

যদি border-collapse collapse মানে সেট করা থাকে, তাহলে এই বৈশিষ্ট্যটি কাজ করে না।

সিনট্যাক্স

cssসিলেক্টর {
  empty-cells: show | hide;
}

মানসমূহ

ডিফল্ট মান: show।

উদাহরণ . show মান

বর্তমানে টেবিলের কিছু সেল খালি, তবুও তাদের সবগুলোরই বর্ডার এবং ব্যাকগ্রাউন্ড রয়েছে:

html<table>
  <tr>
    <td>cell</td>
    <td></td>
    <td>cell</td>
  </tr>
  <tr>
    <td></td>
    <td>cell</td>
    <td></td>
  </tr>
  <tr>
    <td>cell</td>
    <td>cell</td>
    <td>cell</td>
  </tr>
</table>

csstable {
  width: 400px;
  empty-cells: show;
}
td {
  border: 1px solid black;
  background-color: #f3f3f3;
  text-align: center;
}

Результат:

উদাহরণ . hide মান

কিন্তু এখন খালি সেলগুলোর ব্যাকগ্রাউন্ড এবং বর্ডার থাকবে না:

html<table>
  <tr>
    <td>cell</td>
    <td></td>
    <td>cell</td>
  </tr>
  <tr>
    <td></td>
    <td>cell</td>
    <td></td>
  </tr>
  <tr>
    <td>cell</td>
    <td>cell</td>
    <td>cell</td>
  </tr>
</table>

csstable {
  width: 400px;
  empty-cells: hide;
}
td {
  border: 1px solid black;
  background-color: #f3f3f3;
  text-align: center;
}

Результат:

আরও দেখুন