flex-grow
Оновлено: 29.03.2023
flex-grow
Визначає, скільки простору може займати флекс усередині контейнера. Як значення приймаються числа, вони задають пропорції кожного флекса. Наприклад, якщо для всіх елементів встановлено значення 1, то вони вийдуть рівного розміру. Якщо якийсь елемент отримав значення 2, то його розмір буде вдвічі більшим за інші.
Коротка інформація
| Значення за замовчуванням | 0 |
| Успадковується | Ні |
| Застосовується | До флекс-елементів |
| Анімується | Так |
Синтаксис
flex-grow: <число>Значення
Приймаються цілі (1, 2, 3,...) або дробові числа (наприклад: 0.6). Негативні значення ігноруються.
Приклад
Примітка
Safari до версії 9 підтримує властивість -webkit-flex-grow.