Довідники CSS3 display

Що таке display в CSS3?

Властивість display використовується для вказівки відображення елементів. За допомогою цієї властивості ви можете відобразити елемент як блок, як рядковий елемент або як таблицю.


Значення:

  • block - елемент стає як блок. З'являються відступи і до нього можна додавати всі властивості для блоків;
  • inline - елемент відображається як рядковий (не створюються відступи і неможливо застосувати блочні стилі);
  • inline-block - створюється блочний елемент, який веде себе як рядковий. Він обтікається іншими елементами, але до нього можна додати стилі для блоків;
  • table - вказує, що елемент буде таблицею;
  • flex - створюється flex-модель блоку. Можна застосовувати всі стилі для flexbox;
  • none - елемент ніяк не відображається і повністю приховується з виду.


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

Поки що коментарів немає