Empty-cells häsiýeti

empty-cells häsiýeti brauzere HTML tablesynyň boş td öýjüklerini ýa-da th öýjüklerini nähili görkezmekligi görkezýär: görkezmeli ýa-da görkezmezlik.

Öýjük aşakdaky ýagdaýlarda boş hasap edilýär: hiç hili nyşan ýok, öýjükde diňe bosluk (bir ýa-da birnäçe), setir geçmek ýa-da tabulýasiýa nyşany bar, ýa-da visibility häsiýeti hidden hökmünde belgilenen.

Öýjügi boş däl etmek, ýöne şol bir wagtyň özünde görünýän teksti bolmazlyk üçin, aşakdaky usul ulanylýar: öýjüge döwülenok bosluk   ýazylýar.

Häsiýet işlemeýär, eger border-collapse collapse bahasynda belgilenen bolsa.

Sintaksis

cssselektor {
  empty-cells: show | hide;
}

Bahalar

Bellenen baha: show.

Mysal . Show bahasy

Häzirki wagtda tablesyň käbir öýjükleri boş, ýöne olaryň hemmesiniň serhedi we fony bar:

html<table>
  <tr>
    <td>öýjük</td>
    <td></td>
    <td>öýjük</td>
  </tr>
  <tr>
    <td></td>
    <td>öýjük</td>
    <td></td>
  </tr>
  <tr>
    <td>öýjük</td>
    <td>öýjük</td>
    <td>öýjük</td>
  </tr>
</table>

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

Результат:

Mysal . Hide bahasy

Indi bolsa boş öýjükleriň fony we serhedi bolmaz:

html<table>
  <tr>
    <td>öýjük</td>
    <td></td>
    <td>öýjük</td>
  </tr>
  <tr>
    <td></td>
    <td>öýjük</td>
    <td></td>
  </tr>
  <tr>
    <td>öýjük</td>
    <td>öýjük</td>
    <td>öýjük</td>
  </tr>
</table>

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

Результат:

Şeýle-de görüň