Какие значения свойства display существуют в CSS?

Некоторые значения свойства display в CSS и их описание:

• block — элемент отображается как блок и занимает всю доступную ширину, новый блок начинается с новой строки. htmlacademy.ru Пример элемента — div. htmlacademy.ru
• inline — элемент отображается как строчный и не создаёт новый блок, занимает столько места, сколько нужно для отображения содержимого. htmlacademy.ru Пример элемента — span. htmlacademy.ru
• inline-block — элемент отображается как строчный, но его содержимое может быть отформатировано как блок, может иметь ширину и высоту. htmlacademy.ru Пример элемента — button. htmlacademy.ru
• none — элемент не отображается на веб-странице и его содержимое не занимает места. htmlacademy.ru Это может быть полезно для скрытия элементов на странице или для создания анимаций. htmlacademy.ru Пример элемента — script. htmlacademy.ru
• list-item — элемент становится пунктом списка и перед ним появляется маркер списка. code.mu
• flex — элемент становится флекс-контейнером, ведёт себя как блочный, а вложенные элементы становятся флекс-элементами. doka.guide
• grid — элемент становится грид-контейнером, снаружи грид-контейнер ведёт себя как блок, дочерние элементы такого контейнера начинают подчиняться правилам грид-раскладки. doka.guide
• run-in — устанавливает элемент как блочный или встроенный в зависимости от контекста. code.mu