Свойство maxWidth стиля

Определение и использование

maxWidth Свойство устанавливает или возвращает максимальную ширину элемента.

maxWidth Свойство действует только для блочных элементов или элементов с абсолютной или фиксированной позицией.

Комментарий:Ширина элемента никогда не должна быть больше maxWidth Значение, определенное свойством.

Совет:Для установки или возврата минимальной ширины элемента используйте Свойство minWidth.

Дополнительная информация:

CSS Учебник:CSS Dimension

CSS Референс Мануал:Свойство max-width

Пример

Пример 1

Установка максимальной ширины элемента <div>:

document.getElementById("myDiv").style.maxWidth = "100px";

Попробуйте сами

Пример 2

Возврат максимальной ширины элемента <div>:

alert(document.getElementById("myDiv").style.maxWidth);

Попробуйте сами

Синтаксис

Возврат свойства maxWidth:

object.style.maxWidth

Установка свойства maxWidth:

object.style.maxWidth = "none|length|%|initial|inherit"

Значение свойства

Значение Описание
none Ширина элемента не ограничена. По умолчанию.
length Определяет максимальную ширину в единицах измерения длины.
% Определяет максимальную ширину в процентах от родительского элемента.
initial Эта свойство устанавливается в значение по умолчанию. См. initial.
inherit Эта свойство наследуется от родительского элемента. См. inherit.

Технические детали

Значение по умолчанию: Нет
Возврат: Строка, представляющая максимальную ширину элемента.
CSS версия: CSS2

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка