Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Позиционирование : width

смотрим также

Материал из Справочник Web-языков

Перейти к: навигация, поиск


Содержание

Атрибут width | Свойство width

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

Синтаксис

HTML { width : sWidth }
Скрипты [ sWidth= ] object.style.width

Используемые значения

sWidth
Строка, которая может определять и принимать одно из следующих значений:
auto
Значение по умолчанию.
width
Задается вещественным числом, выраженным в абсолютных (cm, mm, in, pt или pc) или относительных (em, ex или px) единицах измерения.
percentage
Числовое значение, выраженное в процентах (%). Процентное отношение высчитывается от высоты родительского объекта, причем этот объект должен быть точно детально описан (заданы параметры). Отрицательные значения не поддерживаются.

Это свойство читается/записывается для всех объектов, кроме currentStyle (только чтение). Значением по умолчанию является auto. Атрибут Каскадных таблиц стилей (CSS) не наследуется.

Замечания

В Microsoft Internet Explorer 6.0 при использовании !DOCTYPE для установки режима совместимости стандартов, свойство width задает расстояние между левой и правой границами объекта, то есть как бы "внутри" padding.

В более ранних версиях IE, когда !DOCTYPE не задает режим совместивости, свойство width задает ширину объекта с учетом значений свойств borderLeft, borderRight, paddingLeft и paddingRight.

В браузере Firefox это свойство всегда работает в соответствии со спецификацией CSS. Значение ширины блока получается путем сложения значений свойств width, padding, margin и border. Если текстовое содержимое не будет умещаться в блок, то оно будет отображаться поверх него.

Браузер Opera обрабатывает свойство width аналогично Firefox, но если используется <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> или !DOCTYPE вообще не определено, то ширина блока будет равняться значению только свойства width.

Для выполнения операций над числовыми значениями свойства можно использовать pixelWidth или posWidth.

Примеры

В следующих примерах используются атрибут width и свойство width для задания ширины объекта.

В первом примере при описании стиля задается ширина изображения.

<DIV STYLE="position:absolute;top:10px;left:10px;width:1in">
. . . </DIV>

Во втором примере с помощью скрипта задается изменение ширины изображения когда происходит событие onclick.

<IMG SRC="sphere.jpg" onclick="this.style.width='1cm'"
    ondblclick="this.style.width=''">

Стандарты

Это свойство описано в World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1 и Cascading Style Sheets (CSS), Level 1 (CSS1)


Поддерживаемые браузеры

Internet Explorer 5.5, 6.0, 7.0, 8.0

Opera 7.0, 8.0, 9.2, 9.5, 9.6, 10.0

Safari 1.3, 2.0, 3.1

Firefox 1.5, 2.0, 3.0, 3.5

Ссылки на источники

http://msdn.microsoft.com/en-us/library/ms531183(VS.85).aspx

https://developer.mozilla.org/en/CSS/width

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="http://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования