flex
Оновлено: 29.03.2023
flex
Скорочена властивість, яка дозволяє вказати параметри елемента, щоб він ефективно заповнював доступний простір. Елементи можуть бути розтягнутими пропорційно з урахуванням заданого співвідношення або стиснутими так, щоб повністю вмістити всі елементи в один рядок без перенесення.
Коротка інформація
| Значение по умолчанию | flex-grow: 0 flex-shrink: 1 flex-basis: auto |
|---|---|
| Наследуется | Нет |
| Применяется | К флекс-элементам |
| Анимируется | Да |
Синтаксис
flex: none | [ flex-grow flex-shrink? || flex-basis ]Значення
| none | Відповідає значенню 0 0 auto. |
Дивіться окремі властивості для їхніх значень.
Приклад
У цьому прикладі футер розташовується внизу веб-сторінки.
Об'єктна модель
Об'єкт.style.flex
Примітка
Safari до версії 9 підтримує властивість -webkit-flex.