Различия

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

--- box-sizing [2023/09/19 02:18]
tro
+++ box-sizing [2023/09/19 05:21] (текущий)
@@ Строка 5: / Строка 5: @@
   - inherit — успадковує значення блокової моделі батьківського елемента.
 __Зовнішні відступи (margin) у розрахунку ширини чи висоти елемента не враховуються__
+Стандартом блокової моделі в сучасних проєктах вважається значення border-box. Для того, щоб не задавати властивість box-sizing кожному елементу окремо, на початку файлу стилів використовується наступний CSS-код.
+Використовуючи універсальний селектор * (вибирає всі елементи), значення border-box встановлюється для всіх елементів і псевдоелементів ::before та ::after документа (про них дізнаємося пізніше).
+<code>
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+/* Решта коду */
+</code>