MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

В процессе перевода.

Свойство HTMLElement.offsetWidth возвращает ширину элемента. Как правило, offsetWidth — это значение, включающее горизонтальный отступ элемента, ширину вертикального скроллбара (если он есть) и CSS ширину.

Синтаксис

var offsetWidth = element.offsetWidth;

offsetWidth — свойство только для чтения

Это свойство возвращает целочисленное значение. Если вам требуется дробное значение, используйте element.getBoundingClientRect().

 

Пример

 

             Image:Dimensions-offset.png

Спецификация

Specification Status Comment
CSS Object Model (CSSOM) View Module
Определение 'offsetWidth' в этой спецификации.
Рабочий черновик  

Примечание

offsetWidth — свойство бъектной модели DHTML, которое впервые было представлено в браузере MSIE. Его иногда называют физической/графической шириной или шириной блока элемента.

Совместимость с браузерами

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Базовая поддержка (Да) (Да) ? ? ? ?
Feature Android Android Webview Edge Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile Chrome for Android
Базовая поддержка ? (Да) (Да) ? ? ? ? ? (Да)

В соответствии со спецификацией, это свойство вернет null в браузерах, основанных на движке Webkit, если элемент скрыт (style.display этого элемента или любого его предка задан как "none") или если style.position элемента задан как "fixed".

Это свойство вернет null в браузере Internet Explorer (9) если style.position элемента задан как "fixed". (Установка display:none не влияет на свойство в этом браузере).

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

 

Метки документа и участники

 Внесли вклад в эту страницу: kulaeff
 Обновлялась последний раз: kulaeff,