Различия

Показаны различия между двумя версиями страницы.

--- display [2023/09/19 14:27]
tro
+++ display [2023/09/19 18:21] (текущий)
tro
@@ Строка 1: / Строка 1: @@
 ====== display ======
 Іноді необхідно, щоб рядковий елемент поводився, як блоковий і навпаки. У цьому випадку, значення властивості display можна за необхідності міняти на будь-яке інше.
-__block/inline/inline-block__
-  * **Рядкові елементи** inline - призначені для виділення та оформлення текстового контенту. Наприклад посилань кнопок, зображень тощо.
+[[https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container|Опис тегу]]
-  * **Блокові елементи** block - використовуються для розмітки текстових контейнерів (заголовків, списків, абзаців) і великих смислових розділів (секцій, шапки, підвалу).
-  * **Рядково-блокові елементи** inline-bloc - це гібрид між блочними та рядковими елементами, який взяв корисне від обох
+  * **inline ** - Рядкові елементи - призначені для виділення та оформлення текстового контенту. Наприклад посилань кнопок, зображень тощо.
+  * **block** - Блокові елементи використовуються для розмітки текстових контейнерів (заголовків, списків, абзаців) і великих смислових розділів (секцій, шапки, підвалу).
+  * **inline-block** - Рядково-блокові елементи. Гібрид між блочними та рядковими елементами, який взяв корисне від обох. Їх ширина і висота залежать від вмісту, але можна явно задати властивості width і height. Вони розташовуються в рядку доти, поки в ньому є достатньо місця, після чого нові переносяться на наступний рядок. Їм можна задавати будь-які властивості геометрії елемента: ширину, висоту, поля, рамки та відступи.
+  * **flex** - горизонтально вистроює вертикальні списки
+  * **none** - елемент видаляється з дерева доступність. Це призводить до того, що елемент і всі його дочірні елементи не сприйматимуться технологіями читання екрана.