max-width
Краткое описание свойства max-width
Устанавливает максимальную ширину обьекта.
Ограничения 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, чтоб увидеть разницу.
Добавить комментарий
