# Свойство offsetWidth

Свойство `offsetWidth` содержит полную ширину элемента (включает собственно ширину элемента, ширину границ, внутренние отступы, полосы прокрутки):

## Синтаксис

`элемент.offsetWidth;`

## Пример

Давайте узнаем полный размер элемента:

`<div id="elem"></div>` `#elem { width: 100px; height: 100px; padding: 15px; border: 10px solid black; }` `let elem = document.querySelector('#elem'); console.log(elem.offsetWidth);`

Результат выполнения кода:

`150`

## Пример

Если элемент скрытый, то `offsetWidth` равно `0`:

`<div id="elem"></div>` `#elem { display: none; /* скрытый элемент */ width: 100px; height: 100px; padding: 15px; border: 10px solid black; }` `let elem = document.querySelector('#elem'); console.log(elem.offsetWidth);`

Результат выполнения кода:

`0`

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

- свойство `clientWidth`,
  которое содержит ширину элемента внутри границ
- свойство `offsetHeight`,
  которое содержит полную высоту элемента
- метод `getComputedStyle`,
  который получает значение CSS свойства элемента

←→
↑
en ru