English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS справочник

CSS @правила (RULES)

Полный список свойств CSS

Метод использования и пример CSS max-width свойства

Свойство max-width CSS определяет максимальную ширину области содержимого элемента. Эта максимальная ширина не включает отступы, рамки или отступы - пожалуйста, смотритеCSS box model.

В таблице приведены инструкции по использованию и истории версий этого свойства, а также синтаксис использования в скриптах JavaScript.

Значение по умолчанию:none
Применяется к:Все элементы, кроме嵌入式 элементов, таблицных строк и строковых групп, не замененных.
Наследование:Нет
Анимирован:Да.Пожалуйста, смотрите Анимационные свойства.
Версия:CSS 2, 3
JavaScript синтаксис:object.style.maxWidth="200px"

Синтаксис использования max-width

Синтаксис этого свойства следующий:

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 свойства, числа в таблице показывают минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 7+

  • Apple Safari 1+

  • Opera 7+

Для продолжения чтения

Пожалуйста, смотрите обучающие материалы по следующим вопросам:CSS Box модель,CSS размер.

Связанные свойства:width,min-width.