css властивість max-width

CSS властивість max-width встановлює максимально допустиму ширину елемента.

Ця властивість не дає значенню властивості width стати більшим, ніж max-width.

Ширини елемента розраховується в залежності від встановлених значень властивостей width, max-width і min-width.

max-width перевизначає width, але min-width перевизначає max-width.

В якості значень можна використовувати одиниці довжини, проценти, а також ключові слова.

Дані з таблиці слід розуміти так, якщо значення ширини (width) більше значення max-width, то ширина елемента приймається рівною значенню max-width (Для третього рядка таблці).

правити

Нотатка

Властивість max-width перевизначає властивість width.

автор: NagarD правити

Нотатка

Ключові слова впливають на розрахунок ширини й висоти елементу(й не залежать від значення властивості box-sizing). Це не стосується до значень у одиницях довжини або процентах.

автор: NagarD правити

+ додати пораду чи нотатку

Синтаксис

max-width: none|length|initial|inherit;

Властивість max-width може отримувати 4 значень:

none

Скасовує максимальну ширину. Без задання.

автор: NagarD

правити

length

В якості значення приймаються пікселі (px), відсотки (%) і інші одиниці виміру прийняті в CSS. Від`ємні значення не допускаються.

автор: NagarD

правити

initial

Встановлює цю властивість в значення без задання

автор: NagarD

правити

inherit

Успадкує значення властивості від свого батьківського елемента

автор: NagarD

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
max-width	1.0	1.0	1.0	3.5	8.0

Підтримка: мобільні переглядачі

Переглядач
max-width	1.0	1.0	1.0

Приклади

+ запропонувати свій приклад у пісочниці

<p class="lim">Ширина не більша за 100 пікселів — текст переноситься.</p>

p.lim {
    max-width: 100px;
    border: 2px solid #0172ad;
}