CSS empty-cells Özelliği
CSS2
Tablo sütunlarında boş olan sütunların arkaplan ve kenarlıklarını gösterip gizlemek için kullanılır.
Yapısı (Syntax)empty-cells: show | hide | initial | inherit;
NOT
border-collapse özelliği collapse değerinde kullanılırsa bu özelliğin bir etkisi olmayacağını unutmayın. | Varsayılan Değer | show |
| JavaScript Yapısı |
object.style.emptyCells="hide"
|
| Animasyon Özellikleri Uygulanabilir | Hayır (Daha fazla detay) |
Değerler
| Değer | Açıklama | Versiyon |
|---|---|---|
| show | Varsayılan değerdir ve boş sütunlar görünür. | CSS2 |
| hide | Boş sütunlar gizlenir. | CSS2 |
Örnekler
İki farklı tabloda değerleri örneklendirmek gerekirse
<table class="table-1">
<tr>
<td>Tayfun Erbilen</td>
<td>http://erbilen.net</td>
</tr>
<tr>
<td>PROTOTÜRK</b>
<td></td>
</tr>
</table>
<hr>
<table class="table-2">
<tr>
<td>Tayfun Erbilen</td>
<td>http://erbilen.net</td>
</tr>
<tr>
<td>PROTOTÜRK</b>
<td></td>
</tr>
</table>
<style>
table {
width: 100%;
}
table td {
border: 2px solid rebeccapurple;
}
table.table-2 td {
empty-cells: hide;
}
</style>