empty-cells ගුණාංගය

empty-cells ගුණාංගය බ්‍රවුසරයට td හෝ th HTML වගුවේ හිස් කොටු පෙන්වනවාද නැද්ද යන්න සඳහන් කරයි: පසුබිම සහ මායිම පෙන්විය යුතුද යන්න.

පහත අවස්ථා වලදී කොටුව හිස් ලෙස සලකනු ලැබේ: කිසිදු අක්ෂරයක් නොමැති විට, කොටුව තුළ හිස් තැනක් (එකක් හෝ කිහිපයක්), පේළියක් අලුත් කිරීම හෝ ටැබ් සංකේතය පමණක් අඩංගු වේ, නැතහොත් 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,
එය හිස් මූලද්‍රව්‍යයක් පෙනෙන ආකාරය සකසයි