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;
}

Результат:

Сондай-ақ қараңыз