Свойство display в CSS определяет, как элемент будет показываться на странице: блочным, строчным или инлайновым, или может быть скрыто.
Вот некоторые основные значения свойства display:
- block: элемент отображается как блочный элемент, занимает всю доступную ширину и по умолчанию всю доступную высоту. Этот элемент начинается с новой строки. Примеры таких элементов: div, p, header, footer, например.
- inline: элемент отображается как строчный элемент, не начинается с новой строки и не занимает всю доступную ширину или высоту. Элементы на этой основе могут быть расположены на одной строке. Примеры таких элементов: a, span, strong, например.
- inline-block: похоже на
inline, однако у элемента есть возможность установить значения ширины и высоты. Такие элементы обыгрывают строчные элементы и позволяют управлять их размерами и расположением. - none: элемент не отображается на странице. Это может использоваться, например, для скрывания содержимого, когда пользователь запускает определенное действие.
- flex: элемент отображается как контейнер flex, позволяющий располагать элементы в определенном порядке и на определенном расстоянии друг от друга. Этот тип можно считать продвинутым и на данный момент очень востребованным.
Свойство display одно из базовых свойств CSS, используемых для управления расположением элементов и их внешним видом на веб-странице.
