Xususiyat empty-cells

Xususiyat empty-cells brauzerga HTML jadvalining td yoki th bo'sh kataklarining fon va chegarasini qanday ko'rsatishni belgilaydi: ko'rsatish yoki ko'rsatmaslik.

Katak quyidagi hollarda bo'sh hisoblanadi: hech qanday belgilar bo'lmasa, katakda faqat bosh joy (bitta yoki bir nechta), qator almashinuvi yoki tabulyatsiya belgisi bo'lsa, yoki visibility xususiyati hidden qiymatiga o'rnatilgan bo'lsa.

Katakni bo'sh emas, lekin ko'rinadigan matnsiz qilish uchun quyidagi usul qo'llaniladi: katakka uzluksiz bo'sh joy   yoziladi.

Xususiyat border-collapse collapse qiymatiga o'rnatilgan bo'lsa ishlamaydi.

Sintaksis

cssselector {
  empty-cells: show | hide;
}

Qiymatlar

Standart qiymat: show.

Misol . Show qiymati

Hozir jadvalda ba'zi kataklar bo'sh, lekin ular baribir chet va fonga ega:

html<table>
  <tr>
    <td>katak</td>
    <td></td>
    <td>katak</td>
  </tr>
  <tr>
    <td></td>
    <td>katak</td>
    <td></td>
  </tr>
  <tr>
    <td>katak</td>
    <td>katak</td>
    <td>katak</td>
  </tr>
</table>

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

Результат:

Misol . Hide qiymati

Endi esa bo'sh kataklar fon va chetga ega bo'lmaydi:

html<table>
  <tr>
    <td>katak</td>
    <td></td>
    <td>katak</td>
  </tr>
  <tr>
    <td></td>
    <td>katak</td>
    <td></td>
  </tr>
  <tr>
    <td>katak</td>
    <td>katak</td>
    <td>katak</td>
  </tr>
</table>

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

Результат:

Shuningdek qarang