English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство max-width CSS определяет максимальную ширину области содержимого элемента. Эта максимальная ширина не включает отступы, рамки или отступы - пожалуйста, смотритеCSS box model.
В таблице приведены инструкции по использованию и истории версий этого свойства, а также синтаксис использования в скриптах JavaScript.
Значение по умолчанию: | none |
---|---|
Применяется к: | Все элементы, кроме嵌入式 элементов, таблицных строк и строковых групп, не замененных. |
Наследование: | Нет |
Анимирован: | Да.Пожалуйста, смотрите Анимационные свойства. |
Версия: | CSS 2, 3 |
JavaScript синтаксис: | object.style.maxWidth="200px" |
Синтаксис этого свойства следующий:
max-width: length | percentage | none | initial | inherit
Ниже приведен пример использования свойства max-width.
p { max-width: 400px; } div { width: 300px; max-width: 200px; }Пробуем посмотреть‹/›
В таблице описывается значение этого свойства.
Значение | Описание |
---|---|
length | Заданная максимальная ширина в px, pt, cm, em и т.д. Запрещены отрицательные значения. |
percentage | Максимальная ширина в процентах. Расчет процента относительно ширины блока, содержащего элемент. Запрещены отрицательные проценты. |
none | Нет максимальной ширины. Это значение по умолчанию. |
initial | Установить этот параметр в его значение по умолчанию. |
inherit | Если задан, то связанные элементы используют значение max-width родительского элемента. |
Совместимость браузеров max-width свойства, числа в таблице показывают минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Пожалуйста, смотрите обучающие материалы по следующим вопросам:CSS Box модель,CSS размер.