Свойство 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>
Кирилл | Основатель gki-webik.ru | 5 |
Иван | 4 | |
Александр | Пользователь gki-webik.ru | |
Арсений | 3 |
Читайте также
Родственные селекторы
Родственные селекторы по своему поведению похожи на соседние селекторы (запись вида E + F), но в ...
Свойство text-align-last
Задаёт выравнивание последней строки блока текста.
Свойство pointer-events
Позволяет управлять тем, как элементы будут реагировать на события мыши или прикосновения к сенсо...
Свойство backface-visibility
Определяет, показывать обратную сторону элемента или нет. Как правило, обратная сторона становитс...
Свойство text-stroke-color
Устанавливает цвет контура вокруг букв и символов текста.