Справочники CSS3 display

Что такое display в CSS3?

Свойство display используется для указания отображения элементов. При помощи этого свойства вы можете отобразить элемент как блок, как строчный элемент или же как таблицу.


Значения:

  • block - элемент становится как блок. Возле него появляются отступы и к нему можно добавлять все свойства для блоков;
  • inline - элемент отображается как строчный (не создаются отступы и нельзя применить блочные стили к нему);
  • inline-block - создается блочный элемент, который ведет себя как строчный. Он обтекается другими элементами, но к нему можно добавить стили для блоков;
  • table - указывает, что элемент будет таблицей;
  • flex - создается флек-модель блока. Можно применять все стили для flexbox;
  • none - элемент никак не отображается и полностью скрывается из вида.


Пример свойства:
ul {
	display: inline-block;
	list-style: none;
	/* Отображение списка как обычного текста в одну сроку */
}
Комментарии
Добавить комментарий

Пока комментариев нет