min-width

Internet Explorer

Google Chrome

Opera

Safari

Firefox

6.07.08.0 2.03.04.0 9.29.610 2.03.14.0 2.03.03.6
                   
CSS 1CSS 2CSS 2.1CSS 3
    

Описание CSS свойства:

Устанавливает минимальную ширину элемента. Если окно браузера по ширине становится меньше заданной минимальной ширины элемента, то ширина элемента остается неизменной, а в окне появляется горизонтальная полоса прокрутки.

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

Табл. 1. Ширина элемента
Значения свойств Ширина
min-width < width < max-width width
min-width > width > max-width min-width
min-width > width < max-width min-width
min-width < width     width
min-width > width     min-width
min-width >     max-width min-width
min-width <     max-width max-width

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

Краткая информация:
Значение по умолчанию: 0
Наследуется: Нет
Применяется:Ко всем элементам, кроме встроенных и таблиц
Ссылка на спецификацию: http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width

Значения CSS свойства:

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


Объектная модель CSS свойства:

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

Особенности отображения в браузерах:

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


Баннер SGU.RU