Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Позиционирование : max-width

смотрим также

Материал из Справочник Web-языков

Перейти к: навигация, поиск


Содержание

Атрибут max-width | Свойство maxWidth

Задает максимальную ширину объекта.

Синтаксис

HTML { max-width : sMaxWidth }
Скрипты [ sMaxHeight = ] object.style.maxWidth[ =v ]

Используемые значения

sMaxWidth
Строка, которая может определять и принимать от одно из следующих значений:
length
Задается вещественным числом, выраженным в абсолютных (cm, mm, in, pt или pc) или относительных (em, ex или px) единицах измерения.
percentage
Числовое значение, выраженное в процентах (%). Задает какой процент от ширина контекстного блока будет являться размером объекта. Если ширина контекстного блока точно не задана, то у элемента нет максимальной ширины, и свойство maxWidth интерпретируется как 0%.

Это свойство читается/записывается для всех объектов, кроме currentStyle (только чтение). Значением по умолчанию нет. Атрибут Каскадных таблиц стилей (CSS) не наследуется.

Замечания

Свойство maxWidth появилось в Internet Explorer 7.0.

Атрибуты min-width/max-width применяются к блочным элементам с относительным и абсолютным позиционированием в виде как бы встроенных внутренних ограничений. Эти атрибуты не применяются к неперемещаемым встроенным элементам, таким как столбцы таблицы или группы строк/столбцов.

Примеры

В примере показано как используются атрибуты min-width/max-width для задания ширины объекта.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<style>
.width {
    width:50%;
    min-width:200px;
    max-width:400px;
    background:#eee;
}
.content {
    border:1px solid #c00;
    padding:5px;
}
</style>
</head>
<body>
<div class="width">
<div class="content">
        <h2>{ min-width:200px; max-width:400px }</h2>


        <p>Этот блок div также имеет ширину 50%. 
         Изменяйте размеры окна для увеличения и уменьшения блока до максимальной и минимальной ширины.<br/><br/>
         Внешний блок div влияет на размеры внутреннего блока div, который встроен в контент.
         Заметьте, что высота блока div увеличивается, чтобы текст разместился в блоке.</p>
</div>
</div>
</body>
</html> 

Стандарты

Это свойство описано в Cascading Style Sheets (CSS), Level 2 (CSS2)

Поддерживаемые браузеры

Internet Explorer 7.0, 8.0

Opera 7.0, 8.0, 9.2, 9.5, 9.6, 10.0

Safari 1.3, 2.0, 3.1

Firefox 1.5, 2.0, 3.0, 3.5

Ссылки на источники

https://msdn.microsoft.com/en-us/library/ms530811(VS.85).aspx

https://developer.mozilla.org/en/CSS/max-width

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="https://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования