Что такое display в CSS3?
Свойство display
используется для указания отображения элементов. При помощи этого свойства вы можете отобразить элемент как блок, как строчный элемент или же как таблицу.
Значения:
block
- элемент становится как блок. Возле него появляются отступы и к нему можно добавлять все свойства для блоков;inline
- элемент отображается как строчный (не создаются отступы и нельзя применить блочные стили к нему);inline-block
- создается блочный элемент, который ведет себя как строчный. Он обтекается другими элементами, но к нему можно добавить стили для блоков;table
- указывает, что элемент будет таблицей;flex
- создается флек-модель блока. Можно применять все стили для flexbox;none
- элемент никак не отображается и полностью скрывается из вида.
Пример свойства:
ul {
display: inline-block;
list-style: none;
/* Отображение списка как обычного текста в одну сроку */
}
Комментарии