empty-cells հատկություն

empty-cells հատկությունը ցույց է տալիս բրաուզերին, թե ինչպես ցուցադրել ֆոնը և սահմանը դատարկ բջիջների td կամ բջիջների th HTML աղյուսակի. ցույց տալ, թե ոչ:

Բջիջը համարվում է դատարկ հետևյալ դեպքերում. ընդհանրապես նիշեր չկան, բջիջում պարունակվում է միայն բացատ (մեկ կամ մի քանի), տողի անցում կամ տաբուլյացիայի նիշ, կամ 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 կեղծ դասը,
որը սահմանում է, թե ինչպես կտեսնվի դատարկ տարրը