Свойство empty-cells

Свойство empty-cells браузерга HTML жадвалининг ячейкалари td ёки ячейкалари thнинг буш бўлганларида фон ва чегарани: кўрсатиш ёки кўрсатмасликни кўрсатади.

Ячейка quyidagi hollarda bush hisoblanadi: hech qanday belgi boʻlmasa, yacheykada faqat bosh joy (bitta yoki bir nechta), qator almashinuvi yoki tabulyatsiya belgisi boʻlsa, yoki visibility xususiyati hidden qiymatiga sozlangan boʻlsa.

Ячейкани буш бўлмаган, лекин кўринувшиз матнсиз қилиш учун куйидаги усулдан фойдаланилади: ячейкага узлуксиз бошлиқ   ёзилади.

Свойство ишламейди, агар 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 псевдокласси,
буш элементнинг қандай кўринишини белгилайди