v2.5.2
Giriş yap

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>

tayfunerbilen
1511 gün önce eklendi - 1961 kez görüntülendi.
Github'da Düzenle
Önceki border-collapse Sonraki caption-side