max-width css

Устанавливает максимальную ширину обьекта.

Ограничения max-width

1. Применяется ко всем элементам, кроме встроенных и таблиц
2. Не работает в IE6!

max-width - позволяет установить максимальную ширину элемента. Данное свойство применятся когда ширина элемента не должна быть больше определнного размера, к примеру, КПК.

Синтаксис:

p {max-width:значение;}

Описание аргументов:

значение
- в качестве значения максимальной ширины используется любые единицы длины пиксели (px), дюймы (in), пункты (pt).

Значение по умолчанию

auto

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

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

Пример использования атрибута max-width:

Листинг style.css:

.block{max-width:300px; border:1px solid #FF0000;}

Листинг index.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
 <title>Параметр max-width</title>
 </head>
 <body>
 <div class="block">
 Error sit voluptatem assusantium doloremque 
 laudantium, totam rem aperiam eaque ipsa quae 
 ab illo inventore
 </div>
 </body>
 </html>

Результат:

Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore

*Откройте эту страницу в браузерах FF, IE6 и IE7, чтоб увидеть разницу.

Стили css - cssmake.ru

max-width

Ограничения max-width

Описание аргументов:

Значение по умолчанию

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

Добавить комментарий

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