Показать страницуИстория страницыСсылки сюдаODT преобразованиеНаверх Эта страница только для чтения. Вы можете посмотреть её исходный текст, но не можете его изменить. Сообщите администратору, если считаете, что это неправильно. ====== box-sizing ====== визначає тип блокової моделі елемента – формулу (алгоритм) розрахунку його розмірів. //content-box | border-box | inherit// - content-box — властивості width іheight задають ширину і висоту області вмісту і не включають розміри полів (padding), рамок (border) і відступів (margin). Це значення за замовчуванням. - border-box — властивості width іheight задають кінцевий розмір елемента і включають значення полів (padding), рамок (border), але не зовнішніх відступів (margin). - inherit — успадковує значення блокової моделі батьківського елемента. __Зовнішні відступи (margin) у розрахунку ширини чи висоти елемента не враховуються__ Стандартом блокової моделі в сучасних проєктах вважається значення border-box. Для того, щоб не задавати властивість box-sizing кожному елементу окремо, на початку файлу стилів використовується наступний CSS-код. Використовуючи універсальний селектор * (вибирає всі елементи), значення border-box встановлюється для всіх елементів і псевдоелементів ::before та ::after документа (про них дізнаємося пізніше). <code> *, *::before, *::after { box-sizing: border-box; } /* Решта коду */ </code> /sites/data/pages/box-sizing.txt Последнее изменение: 2023/09/18 18:21 — tro