blob: 92fbdc41e17a0b0ffa937d4a7aa8a561dde8bc8e (
plain)
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
33
|
---
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" name="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" name="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" name="Exemple">Exemple</h3>
<pre><div id="aDiv"
style="width: 100px; height: 200px; overflow: auto;"
>-FooBar-FooBar-FooBar</div>
<br>
<input type="button" value="Show scrollWidth"
onclick="alert(document.getElementById('aDiv').scrollWidth);">
</pre>
<h3 id="Sp.C3.A9cification" name="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 class="external" 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" name="R.C3.A9f.C3.A9rences">Références</h3>
<ul>
<li><a class="external" href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/scrollwidth.asp">
<i>
scrollWidth</i>
sur MSDN</a></li>
</ul>
<p>{{ languages( { "en": "en/DOM/element.scrollWidth", "pl": "pl/DOM/element.scrollWidth" } ) }}</p>
|