files/fr/web/api/element/scrollwidth/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

---
title: element.scrollWidth
slug: Web/API/Element/scrollWidth
tags:
  - Référence_du_DOM_Gecko
translation_of: Web/API/Element/scrollWidth
---
<p>{{ ApiRef() }}</p>
<h3 id="R.C3.A9sum.C3.A9">Résumé</h3>
<p><b>scrollWidth</b> est une propriété en lecture seule qui renvoie, parmi la largeur en pixels du contenu d'un élément, et la largeur de l'élément, celle qui est la plus grande.</p>
<h3 id="Syntaxe">Syntaxe</h3>
<pre class="eval">var <var>xScrollWidth</var> = <var>element</var>.scrollWidth;
</pre>
<p><var>xScrollWidth</var> est la largeur du contenu d'<var>element</var> en pixels.</p>
<h3 id="Exemple">Exemple</h3>
<pre>&lt;div id="aDiv"
     style="width: 100px; height: 200px; overflow: auto;"
&gt;-FooBar-FooBar-FooBar&lt;/div&gt;
&lt;br&gt;
&lt;input type="button" value="Show scrollWidth"
       onclick="alert(document.getElementById('aDiv').scrollWidth);"&gt;
</pre>
<h3 id="Sp.C3.A9cification">Spécification</h3>
<p>Il n'y a pas de spécification du W3C pour <b>scrollWidth</b>.</p>
<p>Un brouillon de l'éditeur existe cependant : <a href="http://dev.w3.org/cvsweb/~checkout~/csswg/cssom/Overview.src.html">Cascading Style Sheets Object Model (CSSOM)</a></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/scrollwidth.asp">
  <i>
   scrollWidth</i>
  sur MSDN</a></li>
</ul>