---
title: element.offsetWidth
slug: Web/API/HTMLElement/offsetWidth
translation_of: Web/API/HTMLElement/offsetWidth
---
<p>{{ ApiRef() }}</p>

<h3 id="R.C3.A9sum.C3.A9">Résumé</h3>

<p>Renvoie la largeur totale d'un élément.</p>

<h3 id="Syntaxe">Syntaxe</h3>

<pre class="eval">var <em>offsetWidth</em> = <em>element</em>.offsetWidth;
</pre>

<p><code>offsetWidth</code> est une propriété en lecture seule.</p>

<h3 id="Description">Description</h3>

<p>Typiquement, l'attribut <code>offsetWidth</code> est une mesure qui comprend les bordures de l'élément, ses marges internes horizontales (padding), la barre de défilement verticale si présente et affichée, et la largeur CSS de l'élément.</p>

<h2 id="exemple">Exemple</h2>

<p><img src="dimensions-offset.png"></p>

<h3 id="Sp.C3.A9cification">Spécification</h3>

<p><code>offsetWidth</code> fait partie du modèle objet <abbr>DHTML</abbr> de Microsoft Internet Explorer. Elle ne fait partie d'aucune spécification ou recommandation technique du W3C.</p>

<h3 id="Notes">Notes</h3>

<p><code>offsetWidth</code> est une propriété du modèle objet <abbr>DHTML</abbr> provenant de Microsoft Internet Explorer. On l'appelle parfois la largeur physique ou graphique d'un élément, ou sa largeur « border-box » (bordure et boîte).</p>

<h3 id="R.C3.A9f.C3.A9rences">Références</h3>

<ul>
 <li><a href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/offsetwidth.asp?frame=true"><em>offsetWidth definition</em> sur MSDN</a></li>
 <li><a href="http://msdn.microsoft.com/workshop/author/om/measuring.asp"><em>Measuring Element Dimension and Location</em> sur MSDN</a></li>
</ul>

<p>{{ languages( { "en": "en/DOM/element.offsetWidth", "pl": "pl/DOM/element.offsetWidth" } ) }}</p>