width

Internet Explorer

Google Chrome

Opera

Safari

Firefox

6.07.08.0 2.03.04.0 9.29.610 2.03.14.0 2.03.03.6
                   
CSS 1CSS 2CSS 2.1CSS 3
    

Описание CSS свойства:

Устанавливает ширину блочных или заменяемых элементов (к ним, например, относится тег <IMG>). Ширина не включает толщину границ вокруг элемента, значение отступов и полей.

Браузеры неодинаково работают с шириной, результат отображения зависит от используемого DOCTYPE. В табл. 1 приведены возможные варианты DOCTYPE и получаемая ширина.

Табл. 1. Действие width в браузерах
DOCTYPE Internet Explorer Firefox Opera
Не указан Если содержимое превышает заданную ширину, то блок изменяет свои размеры, подстраиваясь под содержимое. В противном случае ширина блока равна значению width. Во всех случаях Firefox действует по спецификации CSS. А именно, ширина блока получается сложением значений width, padding, margin и border.

Содержимое блока, если не помещается в заданные размеры, отображается поверх блока.
Ширина равна значению width.

Содержимое блока, если не помещается в заданные размеры, отображается поверх.
«Переходный»
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
«Строгий»
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
Ширина формируется путем сложения значений width, padding, margin и border.

Содержимое блока, если не помещается в заданные размеры, отображается поверх.
Ширина равна значению width плюс padding, margin, и border.

Содержимое блока, если не помещается в заданные размеры, отображается поверх.
XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
Краткая информация:
Значение по умолчанию: auto
Наследуется:Нет
Применяется:К блочным элементам
Ссылка на спецификацию: http://www.w3.org/TR/CSS21/visudet.html#propdef-width

Синтаксис CSS свойства:

width: значение | проценты | auto | inherit

Значения CSS свойства:

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

auto - Устанавливает ширину исходя из типа и содержимого элемента.

inherit - Наследует значение родителя.

Объектная модель CSS свойства:

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

Особенности отображения в браузерах:

Браузер Internet Explorer 6 некорректно определяет width как min-width. В режиме несовместимости (quirk mode) Internet Explorer до версии 8.0 включительно неправильно вычисляет ширину элемента, не добавляя к ней значение отступов, полей и границ.

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit.


Баннер SGU.RU