min-width

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

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


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

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

Синтаксис:
p {min-width:значение;}

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

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

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

auto

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

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


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

Листинг style.css:

.block{min-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>Параметр min-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
 

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


Защитный код
Обновить


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

  • Чем отличаются margin-top от margin-bottom?
  • 5
  • Отличный сайт! :D