Xüsusiyyət empty-cells

empty-cells xüsusiyyəti brauzerə HTML ⁅a href="/az/markup/manual/html/tag/table/"⁆cədvəlinin⁅/a⁆ ⁅a href="/az/markup/manual/html/tag/td/"⁆td⁅/a⁆ və ya ⁅a href="/az/markup/manual/html/tag/th/"⁆th⁅/a⁆ boş cells xanalarının fonunu və sərhədini necə göstərməli olduğunu göstərir: göstərsin ya da göstərməsin.

Xana aşağıdakı hallarda boş sayılır: heç bir simvol yoxdursa, xanada yalnız boşluq (bir və ya bir neçə), sətirin dəyişməsi və ya tabulyasiya simvolu var, ya da visibility xüsusiyyəti hidden kimi təyin edilib.

Xananı boş olmayan, eyni zamanda görünən mətinsiz etmək üçün aşağıdakı üsuldan istifadə olunur: xanaya qırılmaz boşluq   yazılır.

Xüsusiyyət, border-collapse collapse dəyərində təyin edildikdə işləmir.

Sintaksis

cssselektor {
  empty-cells: show | hide;
}

Dəyərlər

Standart dəyər: show.

Nümunə . Show dəyəri

Hal-hazırda cədvəldə bəzi xanalar boşdur, amma yenə də sərhəd və fona malikdirlər:

html<table>
  <tr>
    <td>xana</td>
    <td></td>
    <td>xana</td>
  </tr>
  <tr>
    <td></td>
    <td>xana</td>
    <td></td>
  </tr>
  <tr>
    <td>xana</td>
    <td>xana</td>
    <td>xana</td>
  </tr>
</table>

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

Результат:

Nümunə . Hide dəyəri

Bəs indi boş xanalar fon və sərhədə malik olmayacaqlar:

html<table>
  <tr>
    <td>xana</td>
    <td></td>
    <td>xana</td>
  </tr>
  <tr>
    <td></td>
    <td>xana</td>
    <td></td>
  </tr>
  <tr>
    <td>xana</td>
    <td>xana</td>
    <td>xana</td>
  </tr>
</table>

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

Результат:

Həmçinin baxın