Display block в CSS — это свойство, которое устанавливает элемент в блочный режим, что означает, что он занимает всю доступную горизонтальную ширину и сбрасывает строку после себя. Элементы, установленные в блочный режим, начинаются с новой строки, и каждый следующий блочный элемент занимает новую строку.
Когда элементу присваивается свойство display: block, он растягивается на всю доступную ширину, а его высота определяется его содержимым. Это свойство часто используется для создания контейнеров для содержимого или элементов интерфейса, для создания разделителей между элементами, для создания списка элементов в столбик и т.д.
Вот пример использования свойства display: block в CSS:
<div style="display: block;">
Этот блок займет всю доступную ширину и начнет новую строку.
</div>
В этом примере элемент <div> устанавливается в блочный режим с помощью свойства display: block. Как только браузер достигает этого элемента, он заканчивает текущую строку и начинает новую строку для этого блочного элемента.