empty-cells қасиеті

empty-cells қасиеті браузерге HTML кестесінің td немесе th бос ұяшықтарының фоны мен шекарасын қалай көрсету керектігін көрсетеді: көрсету керек пе, жоқ па.

Ұяшық келесі жағдайларда бос саналады: ешқандай таңба жоқ, ұяшықта тек бос орын (бір немесе бірнеше), жол өту белгісі немесе табуляция таңбасы бар, немесе visibility қасиеті hidden мәніне орнатылған.

Ұяшықты бос емес ету үшін, бірақ сонымен бірге көрінетін мәтінсіз, келесі әдіс қолданылады: ұяшыққа үзілмейтін бос орын   жазылады.

Қасиет жұмыс істемейді, егер border-collapse collapse мәніне орнатылған болса.

Синтаксис

селектор {
	empty-cells: show | hide;
}

Мәндері

Мән	Сипаттама
`show`	Бос ұяшықтың фоны мен шекарасы көрсетіледі.
`hide`	Бос ұяшықтың фоны мен шекарасы көрсетілмейді.

Әдепкі мән: show.

Мысал . show мәні

Қазір кестеде кейбір ұяшықтар бос, бірақ олардың бәрінде шекара мен фон бар:

<table>
	<tr>
		<td>cell</td>
		<td></td>
		<td>cell</td>
	</tr>
	<tr>
		<td></td>
		<td>cell</td>
		<td></td>
	</tr>
	<tr>
		<td>cell</td>
		<td>cell</td>
		<td>cell</td>
	</tr>
</table>

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

Мысал . hide мәні

Ал енді бос ұяшықтарда фон мен шекара болмайды:

<table>
	<tr>
		<td>cell</td>
		<td></td>
		<td>cell</td>
	</tr>
	<tr>
		<td></td>
		<td>cell</td>
		<td></td>
	</tr>
	<tr>
		<td>cell</td>
		<td>cell</td>
		<td>cell</td>
	</tr>
</table>

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

Сондай-ақ қараңыз

empty жалған сыныбы,
ол бос элементтің қалай көрінетінін белгілейді