The Wayback Machine - https://web.archive.org/web/20090122215732/http://cssmake.ru:80/component/content/article/2/44.html

min-width

( 0 - user rating )

Краткое описание свойства 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

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


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

odnaknopka.ru/kolyan.cz
Morty Proxy This is a proxified and sanitized view of the page, visit original site.

Переводы



Selectutorial

Селекторы в действии

listutorial

Изображения для маркеров списка

Morty Proxy This is a proxified and sanitized view of the page, visit original site.