width
Краткое описание свойства width
Устанавливает ширину обьекта.
Ограничения width
width для IE/FF/Opera
при <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
Ширина элемента = width + padding + margin + border.
Содержимое блока, если не помещается в заданные размеры, отображается поверх. width - позволяет задать ширину блочных или заменяемых обьектов (img). В ширину обьекта не включается толщина полей и отступы.
Синтаксис:
p {width:значение | проценты | auto;}
Описание аргументов:
значение - в качестве значения ширины используется любые единицы длины пиксели (px), дюймы (in), пункты (pt).
проценты - устанавливает процентное отношение ширины обьекта по отношению к родительскому контейнеру.
auto - устанавливает ширину обьекта равной ширине содержимого этого обьекта.
Значение по умолчанию
auto Обьектная модель:
[window.]document.getElementById("elementID").style.width Пример использования атрибута width: Листинг style.css:
.block{width:200px; 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>
Параметр 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
Добавить комментарий
