Справочник по 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
Ссылки на источники
https://msdn.microsoft.com/en-us/library/ms531183(VS.85).aspx
