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

См. также offsetParent, offsetLeft, offsetHeight, offsetTop, clientWidth, clientHeight.

Синтаксис

элемент.offsetWidth

Примеры

Пример

Посмотрим, чему равно offsetWidth:

<style>
	#elem {
		width: 100px;
		border: 10px solid;
		padding: 15px;
	}
</style>

<div id="elem"></div>
var elem = document.getElementById('elem');
document.write(elem.offsetWidth);

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

150

В данном примере offsetWidth = border-left + padding-left + width + padding-right + border-right = 10 + 15 + 100 + 15 + 10 = 150

Пример

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

<style>
	#elem {
		width: 100px;
		display: none;
	}
</style>

<div id="elem">Элемент</div>
var elem = document.getElementById('elem');
document.write(elem.offsetWidth);

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

0