| display | Элемент |
|---|---|
display: block; |
Блочный (БАЗОВЫЙ) |
display: inline; |
Строчный (БАЗОВЫЙ) |
display: inline-block; |
Строчно-блочный |
display: none; |
Убрать элемент, вырубить из дерева, другие элементы ничего не будут знать о его существовании Можно использовать универсальный атрибут hidden, эффект тот же самый, но быстрее. Если применяется к изображениям, то некоторые браузеры их всё равно загружают. // hidden в JS:
|
display: flex; |
Флекс |
display: table; |
Таблица (<table>) |
display: table-row; |
Строка таблицы (<tr>) |
display: table-cell; |
Ячейка таблицы (<th> или <td>) |
display: table-caption; |
Заголовок таблицы (<caption>) |
display: grid; |
Что-то новое |
display: circle; |
Что-то в будущем |
visibility: hidden; |
Убрать визуально, но другие элементы и ПОИСКОВИКИ будут продолжать его видеть. По ум* visible |