Утилита block генерирует блок блочного элемента, генерируя разрывы строк как до, так и после элемента в нормальном потоке.
Утилита inline-block генерирует блок блочного элемента, который будет объединен с окружающим контентом, как если бы он был одним встроенным блоком (ведет себя так же, как замененный элемент).
Утилита inline генерирует одно или несколько встроенных блоков элементов, которые не создают разрывы строк до или после себя. В нормальном потоке следующий элемент будет на той же строке, если есть пробел.
Утилита flow-root генерирует блок блочного элемента, который устанавливает новый контекст форматирования блока, определяя, где форматирование рут лежит.
| Класс | Свойства |
|---|---|
| flow-root | display: flow-root; |
Утилиты contents сами по себе не создают конкретный ящик. Их заменяют их псевдобоксы и их дочерние блоки.
Отключает display элемента, чтобы он не влиял на макет (документ отображается так, как будто этот элемент не существует). У всех дочерних элементов также отключено отображение. Чтобы элемент занимал место, которое он обычно занимает, но без фактического рендеринга чего-либо, используйте вместо этого свойство visibility.
Утилиты для управления видимостью элемента. Свойство CSS visibility показывает или скрывает элемент без изменения макета документа. Это свойство также может скрывать строки или столбцы в <table>.
Утилита backface устанавливает, будет ли видна задняя грань элемента при повороте к пользователю.
Утилита list-item генерирует псевдоэлемент ::marker с содержимым, указанным в его свойствах list-style (например, маркер) вместе с основным ящиком указанного типа для собственного содержимого.