min-width
Оновлено: 29.12.2022
min-width
Встановлює мінімальну ширину елемента. Якщо вікно браузера за шириною стає меншим за задану мінімальну ширину елемента, то ширина елемента залишається незмінною, а у вікні з'являється горизонтальна смуга прокрутки.
Значення ширини елемента обчислюватиметься залежно від установлених значень властивостей width, max-width и min-width. У табл. 1 показано, чим керується браузер під час спільного використання зазначених стильових властивостей.
Табл. 1. Ширина елементу
| Значення властивостей | Ширина | ||||
|---|---|---|---|---|---|
| min-width | < | width | < | max-width | width |
| min-width | > | width | > | max-width | min-width |
| min-width | > | width | < | max-width | min-width |
| min-width | < | width | width | ||
| min-width | > | width | min-width | ||
| min-width | > | max-width | min-width | ||
| min-width | < | max-width | max-width | ||
Дані з таблиці слід розуміти таким чином. Якщо значення ширини (width) менше значення min-width, то ширина елемента приймається такою, що дорівнює min-width.
Коротка інформація
| Значення за замовчуванням | 0 |
| Успадковується | Ні |
| Застосовується | До всіх елементів, крім рядкових і таблиць |
| Анімується | Так |
Синтаксис
min-width: <розмір> | <відсотки>
Значення
Як значення приймаються пікселі (px), відсотки (%) та інші одиниці виміру, прийняті в CSS. Негативні значення не допускаються.
Приклад
Об'єктна модель
Об'єкт.style.minWidth