aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/api/htmlelement/offsetleft
diff options
context:
space:
mode:
authorSphinxKnight <SphinxKnight@users.noreply.github.com>2021-09-26 13:11:47 +0200
committerGitHub <noreply@github.com>2021-09-26 13:11:47 +0200
commit6772831200d14c2436aea2d0c837f40dbf12156f (patch)
treee41b587ce1834baf8c737454c0ae110ebc8208ca /files/fr/web/api/htmlelement/offsetleft
parent707941dbecfb0cc1e75dd32d2dacac4d1845bf2c (diff)
downloadtranslated-content-6772831200d14c2436aea2d0c837f40dbf12156f.tar.gz
translated-content-6772831200d14c2436aea2d0c837f40dbf12156f.tar.bz2
translated-content-6772831200d14c2436aea2d0c837f40dbf12156f.zip
Prepare Web API section for Markdown conversion (#2464)
* Remove summary classes and ids * Remove unecessary hidden * Remove useless span filled with useless attributes / ids * Remove useless font * Remove notranslate * Remove id in other elements than headings * Remove name attributes * Remove <pre><code> for JS w/ language-js class * Remove <pre><code> for HTML w/ language-html class * Remove <pre><code> for other lang w/ language-* class * Rm highlighted line in code samples * fix links, internal, external, absolute URLs * missing file from last commit * Fix styles errors apart from table + some classes * Fix notes and warnings (+ some other :x) * fix typo during merge which broke a doc * aand forgot a conflict * fix remaining classes of errors except dls and images * Fix dls * Fix images (deki/mozillademos) and remaining style issues * Remove script tag from svg file * Remove script tag from svg fileS * Compress SVG files for CI
Diffstat (limited to 'files/fr/web/api/htmlelement/offsetleft')
-rw-r--r--files/fr/web/api/htmlelement/offsetleft/index.html22
1 files changed, 12 insertions, 10 deletions
diff --git a/files/fr/web/api/htmlelement/offsetleft/index.html b/files/fr/web/api/htmlelement/offsetleft/index.html
index b9c055927b..c29542abcc 100644
--- a/files/fr/web/api/htmlelement/offsetleft/index.html
+++ b/files/fr/web/api/htmlelement/offsetleft/index.html
@@ -6,18 +6,18 @@ tags:
translation_of: Web/API/HTMLElement/offsetLeft
---
<p>{{ ApiRef() }}</p>
-<h3 id="R.C3.A9sum.C3.A9" name="R.C3.A9sum.C3.A9">Résumé</h3>
+<h3 id="R.C3.A9sum.C3.A9">Résumé</h3>
<p>Renvoie le nombre de pixels dont le
<i>
coin supérieur gauche</i>
de l'élément courant est décalé vers là gauche au sein du nœud <code><a href="fr/DOM/element.offsetParent">offsetParent</a></code>.</p>
-<h3 id="Syntaxe" name="Syntaxe">Syntaxe</h3>
+<h3 id="Syntaxe">Syntaxe</h3>
<pre class="eval"><i>left</i> =<i>element</i>.offsetLeft;
</pre>
<p><code>left</code> est un entier représentant le décalage vers la gauche en pixels.</p>
-<h3 id="Note" name="Note">Note</h3>
+<h3 id="Note">Note</h3>
<p><code>offsetLeft</code> renvoie la position du coin supérieur gauche de l'élément ; pas nécessairement du « vrai » bord gauche de l'élément. C'est important pour les éléments <b>span</b> dans les textes continus qui s'étendent sur plusieurs lignes. Le span peut commencer au milieu de la page et continuer au début de la ligne suivante. La propriété <code>offsetLeft</code> fera référence au coin gauche de départ du span, pas le bord gauche du texte au début de la seconde ligne. Par conséquent, une boîte avec les valeurs left, top, width et height correspondant à <code>offsetLeft, offsetTop, offsetWidth</code> et <code>offsetHeight</code> ne contiendra pas forcément un span avec débordement de texte.</p>
-<h3 id="Exemple" name="Exemple">Exemple</h3>
+<h3 id="Exemple">Exemple</h3>
<pre>var colorTable = document.getElementById("t1");
var tOLeft = colorTable.offsetLeft;
@@ -25,10 +25,12 @@ if (tOLeft &gt; 5) {
// grand décalage à gauche : faire quelque chose ici
}
</pre>
-<h3 id="Exemple_2" name="Exemple_2">Exemple</h3>
+<h3 id="Exemple_2">Exemple</h3>
<p>Comme noté plus haut, cet exemple montre une « longue » phrase qui déborde dans un div avec une bordure bleue, et une boîte rouge dont on pourrait croire qu'elle décrit les limites du span.</p>
-<p><img alt="Image:offsetLeft.jpg"></p>
-<p><small><font color="gray">Note : il s'agit d'une image de l'exemple, pas d'un rendu direct dans le navigateur. En effet, il n'est pas possible d'intégrer des scripts dans la page du wiki.</font></small></p>
+
+<p><img src="offsetleft.jpg"></p>
+
+<p><small>Note : il s'agit d'une image de l'exemple, pas d'un rendu direct dans le navigateur. En effet, il n'est pas possible d'intégrer des scripts dans la page du wiki.</small></p>
<pre>&lt;div style="width: 300px; border-color:blue;
border-style:solid; border-width:1;"&gt;
&lt;span&gt;Short span. &lt;/span&gt;
@@ -48,9 +50,9 @@ if (tOLeft &gt; 5) {
box.style.height = long.offsetHeight;
&lt;/script&gt;
</pre>
-<h3 id="Voir_aussi" name="Voir_aussi">Voir aussi</h3>
+<h3 id="Voir_aussi">Voir aussi</h3>
<p><code><a href="fr/DOM/element.offsetParent">offsetParent</a></code>, <code><a href="fr/DOM/element.offsetTop">offsetTop</a></code>, <code><a href="fr/DOM/element.offsetWidth">offsetWidth</a></code>, <code><a href="fr/DOM/element.offsetHeight">offsetHeight</a></code></p>
-<h3 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Spécification</h3>
+<h3 id="Sp.C3.A9cification">Spécification</h3>
<p>Cette propriété ne fait partie d'aucun standard ou recommandation technique du W3C.</p>
-<p><a class="external" href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/offsetleft.asp">MSDN: offsetLeft</a></p>
+<p><a href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/offsetleft.asp">MSDN: offsetLeft</a></p>
<p>{{ languages( { "en": "en/DOM/element.offsetLeft", "pl": "pl/DOM/element.offsetLeft" } ) }}</p>