empty-cells касиети

empty-cells касиети браузера HTML таблицасынын td же th <а href="/ky/markup/manual/html/tag/td/">уячаларынын бош болгондогу фону жана чегин кантип көрсөтүү керектигин көрсөтөт: көрсөтсүнбү же көрсөтпөсүнбү.

Уяча төмөнкү учурларда бош деп эсептелет: эч кандай символ болбошу керек, уячада орого гана турат (бир же бир нече), саптын өзгөрүшү же табуляция символу, же же visibility касиети hidden катары белгиленген болсо.

Уячаны бош эмес кылуу үчүн, бирок ошону менен бирге көрүнбөгөн текстсиз, төмөнкү ыкма колдонулат: уячага үзүлбөс бош орун жазылат.

Касиет иштебейт, эгерде border-collapse collapse маанисинде белгиленсе.

Синтаксис

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

Маанилер

Маани	Сүрөттөмө
`show`	Бош уячанын фону жана чеги көрсөтүлөт.
`hide`	Бош уячанын фону жана чеги көрсөтүлбөйт.

Демейки маани: show.

Мисал . Show мааниси

Азыркы таблицада кээ бир уячалар бош, бирок алардын баарында дагы чеги жана фону бар:

<table>
	<tr>
		<td>уяча</td>
		<td></td>
		<td>уяча</td>
	</tr>
	<tr>
		<td></td>
		<td>уяча</td>
		<td></td>
	</tr>
	<tr>
		<td>уяча</td>
		<td>уяча</td>
		<td>уяча</td>
	</tr>
</table>

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

Мисал . Hide мааниси

Эми болсо бош уячалар фонго жана чекке ээ болбойт:

<table>
	<tr>
		<td>уяча</td>
		<td></td>
		<td>уяча</td>
	</tr>
	<tr>
		<td></td>
		<td>уяча</td>
		<td></td>
	</tr>
	<tr>
		<td>уяча</td>
		<td>уяча</td>
		<td>уяча</td>
	</tr>
</table>

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

Ошондой эле караңыз

empty псевдоклассы,
ал бош элементтин кандай көрүнөөрүн аныктайт