Свойство empty-cells
Описание
Указывает, как должна оторажаться граница или фон в ячейке, если она пустая.
Ячейка считается пустой в следующих случаях:
- нет вообще никаких символов - в ячейке содержится только перевод строки, символ табуляции или пробел - значение visibility установлено как hidden
Добавление неразрывного пробела
& nbsp ;
воспринимается как видимое содержание, т. е. ячейка уже будет непустой.
Синтаксис
empty-cells: show | hide;Подробности
| Значение | Описание |
| show | Отображает границу вокруг ячейки и фон в ней. |
| hide | Граница и фон в пустых ячейках не отображается. Если все ячейки в строке пустые, то строка будет прятаться целиком. |
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
#table-test {
width: 100%;
}
#table-test td {
border: 3px solid #737373 !important;
padding: 5px;
empty-cells: hide;
}
</style>
<table id='table-test'>
<tr>
<td>Кирилл</td><td>Основатель gki-webik.ru</td><td>5</td>
</tr>
<tr>
<td>Иван</td><td> </td><td>4</td>
</tr>
<tr>
<td>Александр</td><td>Пользователь gki-webik.ru</td><td></td>
</tr>
<tr>
<td>Арсений</td><td> </td><td>3</td>
</tr>
</table>
</body>
</html>Читайте также
Свойство text-stroke-color
Устанавливает цвет контура вокруг букв и символов текста....
Свойство text-decoration-style
Устанавливает стиль декоративной линии, которая добавляется к тексту через свойство text-decoration или text-decoration-line....
initial
Значение применяется для установки исходного значения свойства. Может пригодиться в нескольких случаях, к примеру, восстановить значения свойств, зада...
Свойство text-emphasis
Сокращённое свойство, позволяющее установить значения свойств text-emphasis-style и text-emphasis-color одновременно....