Својството 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 својството на елементот