max-width

Браузер	Internet Explorer				Chrome				Opera			Safari				Firefox
Версия	6.0	7.0	8.0	9.0	2.0	3.0	4.0	5.0	9.2	9.6	10	2.0	3.1	4.0	5.0	2.0	3.0	3.6	4.0
Поддержка

Краткая информация

CSS	CSS2+
Значение по умолчанию	none
Наследуется	Нет
Применяется	Ко всем элементам, кроме встроенных и таблиц
Ссылка на спецификацию	открыть в новой вкладке

Описание

Устанавливает максимальную ширину элемента. Значение ширины элемента будет вычисляться в зависимости от значений установленных свойств width, max-width и min-width. В табл. 1 показано, чем руководствуется браузер при совместном использовании указанных стилевых свойств.

Значения свойств					Ширина
min-width	<	width	<	max-width	width
		width	<	max-width	width
		width	>	max-width	max-width
min-width	>	width	>	max-width	min-width
min-width	>	width	<	max-width	min-width

Табл. 1. Ширина элемента

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

Синтаксис

max-width: значение | проценты | none | inherit

Аргументы

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

none - Отменяет действие этого свойства.

inherit - Наследует значение родителя.

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">



      <html>

      <head>

      <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

      <title>Версия сайта для КПК</title>

      <style type="text/css">

      body {

  max-width: 320px;  /*Максимальная ширина страницы в пикселах*/

  }

  </style>

  </head>

  <body>

    <h1>Текст заголовка</h1>

    <p>Текст примера</p>

    </body>

    </html>

В данном примере ширина страницы ограничена размером 320 пикселов для всех наладонных устройств. К ним относятся КПК, смартфоны и другие устройства, способные отображать HTML-документы.

Объектная модель

[window.]document.getElementById("elementID").style.maxWidth

Примечание

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit.

max-width

Категории

Последние комментарии

	Русский
	English