Xususiyat empty-cells

Xususiyat empty-cells brauzerga HTML jadvalining td yoki th bo'sh kataklarining fon va chegarasini qanday ko'rsatishni belgilaydi: ko'rsatish yoki ko'rsatmaslik.

Katak quyidagi hollarda bo'sh hisoblanadi: hech qanday belgilar bo'lmasa, katakda faqat bosh joy (bitta yoki bir nechta), qator almashinuvi yoki tabulyatsiya belgisi bo'lsa, yoki visibility xususiyati hidden qiymatiga o'rnatilgan bo'lsa.

Katakni bo'sh emas, lekin ko'rinadigan matnsiz qilish uchun quyidagi usul qo'llaniladi: katakka uzluksiz bo'sh joy   yoziladi.

Xususiyat border-collapse collapse qiymatiga o'rnatilgan bo'lsa ishlamaydi.

Sintaksis

selector {
	empty-cells: show | hide;
}

Qiymatlar

Qiymat	Ta'rif
`show`	Bo'sh katak uchun fon va chet ko'rsatiladi.
`hide`	Bo'sh katak uchun fon va chet ko'rsatilmaydi.

Standart qiymat: show.

Misol . Show qiymati

Hozir jadvalda ba'zi kataklar bo'sh, lekin ular baribir chet va fonga ega:

<table>
	<tr>
		<td>katak</td>
		<td></td>
		<td>katak</td>
	</tr>
	<tr>
		<td></td>
		<td>katak</td>
		<td></td>
	</tr>
	<tr>
		<td>katak</td>
		<td>katak</td>
		<td>katak</td>
	</tr>
</table>

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

Misol . Hide qiymati

Endi esa bo'sh kataklar fon va chetga ega bo'lmaydi:

<table>
	<tr>
		<td>katak</td>
		<td></td>
		<td>katak</td>
	</tr>
	<tr>
		<td></td>
		<td>katak</td>
		<td></td>
	</tr>
	<tr>
		<td>katak</td>
		<td>katak</td>
		<td>katak</td>
	</tr>
</table>

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

Shuningdek qarang

pseudoklass empty,
bo'sh element qanday ko'rinishga ega bo'lishini belgilaydi