empty-cells касиети

empty-cells касиети браузера HTML таблицасынын td же th <а href="/ky/markup/manual/html/tag/td/">уячаларынын бош болгондогу фону жана чегин кантип көрсөтүү керектигин көрсөтөт: көрсөтсүнбү же көрсөтпөсүнбү.

Уяча төмөнкү учурларда бош деп эсептелет: эч кандай символ болбошу керек, уячада орого гана турат (бир же бир нече), саптын өзгөрүшү же табуляция символу, же же visibility касиети hidden катары белгиленген болсо.

Уячаны бош эмес кылуу үчүн, бирок ошону менен бирге көрүнбөгөн текстсиз, төмөнкү ыкма колдонулат: уячага үзүлбөс бош орун жазылат.

Касиет иштебейт, эгерде border-collapse collapse маанисинде белгиленсе.

Синтаксис

cssселектор {
  empty-cells: show | hide;
}

Маанилер

Демейки маани: show.

Мисал . Show мааниси

Азыркы таблицада кээ бир уячалар бош, бирок алардын баарында дагы чеги жана фону бар:

html<table>
  <tr>
    <td>уяча</td>
    <td></td>
    <td>уяча</td>
  </tr>
  <tr>
    <td></td>
    <td>уяча</td>
    <td></td>
  </tr>
  <tr>
    <td>уяча</td>
    <td>уяча</td>
    <td>уяча</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>уяча</td>
    <td></td>
    <td>уяча</td>
  </tr>
  <tr>
    <td></td>
    <td>уяча</td>
    <td></td>
  </tr>
  <tr>
    <td>уяча</td>
    <td>уяча</td>
    <td>уяча</td>
  </tr>
</table>

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

Результат:

Ошондой эле караңыз