Proprietà offsetWidth HTML DOM

Oggetto Elemento HTML DOM

offsetWidthProprietà lettoria che restituisce la larghezza dell'elemento in forma intera, inclusi il riempimento orizzontale e il bordo.

Di solito, offsetWidth rappresenta la misura in pixel della larghezza dell'elemento CSS, inclusi eventuali bordi, riempimento e barra di scorrimento verticale (se presente). Non include la larghezza dei pseudo-elementi, come::beforeo::after.

Per comprendere questa proprietà, devi conoscereModello di Box CSS.

usandoclientHeighteclientWidthL'attributo restituisce l'altezza e la larghezza visibili dell'elemento, inclusi il riempimento, ma escludendo il bordo, il margine e la barra di scorrimento (se presente).

Sintassi:

element.offsetWidth

var elem = document.querySelector("div");
var txt = \
txt += \

Compatibilità del browser

Tutti i browser supportano completamente la proprietà offsetWidth:

Dettagli tecnici

Più esempi

Questo esempio dimostra la differenza tra clientWidth e offsetWidth:

var elem = document.querySelector("div");
var txt = "Larghezza inclusa padding: " + elem.clientWidth + "px<br>";
txt += "Larghezza inclusa padding + border: " + elem.offsetWidth + "px";

Riferimenti correlati

Riferimento HTML DOM:Proprietà offsetHeight

Riferimento HTML DOM:Proprietà offsetLeft

Riferimento HTML DOM:Proprietà offsetTop

Riferimento HTML DOM:Proprietà offsetParent

Oggetto Elemento HTML DOM