From c05efa8d7ae464235cf83d7c0956e42dc6974103 Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:14 +0200 Subject: move *.html to *.md --- files/fr/web/api/htmlelement/offsetleft/index.html | 57 ---------------------- files/fr/web/api/htmlelement/offsetleft/index.md | 57 ++++++++++++++++++++++ 2 files changed, 57 insertions(+), 57 deletions(-) delete mode 100644 files/fr/web/api/htmlelement/offsetleft/index.html create mode 100644 files/fr/web/api/htmlelement/offsetleft/index.md (limited to 'files/fr/web/api/htmlelement/offsetleft') diff --git a/files/fr/web/api/htmlelement/offsetleft/index.html b/files/fr/web/api/htmlelement/offsetleft/index.html deleted file mode 100644 index f4bf76cb37..0000000000 --- a/files/fr/web/api/htmlelement/offsetleft/index.html +++ /dev/null @@ -1,57 +0,0 @@ ---- -title: element.offsetLeft -slug: Web/API/HTMLElement/offsetLeft -tags: - - Référence_du_DOM_Gecko -translation_of: Web/API/HTMLElement/offsetLeft ---- -

{{ ApiRef() }}

-

Résumé

-

Renvoie le nombre de pixels dont le - - coin supérieur gauche - de l'élément courant est décalé vers là gauche au sein du nœud offsetParent.

-

Syntaxe

-
left =element.offsetLeft;
-
-

left est un entier représentant le décalage vers la gauche en pixels.

-

Note

-

offsetLeft 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 span 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é offsetLeft 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 à offsetLeft, offsetTop, offsetWidth et offsetHeight ne contiendra pas forcément un span avec débordement de texte.

-

Exemple

-
var colorTable = document.getElementById("t1");
-var tOLeft = colorTable.offsetLeft;
-
-if (tOLeft > 5) {
-  // grand décalage à gauche : faire quelque chose ici
-}
-
-

Exemple

-

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.

- -

- -

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.

-
<div style="width: 300px; border-color:blue;
-  border-style:solid; border-width:1;">
-  <span>Short span. </span>
-  <span id="long">Long span that wraps withing this div.</span>
-</div>
-
-<div id="box" style="position: absolute; border-color: red;
-  border-width: 1; border-style: solid; z-index: 10">
-</div>
-
-<script>
-  var box = document.getElementById("box");
-  var long = document.getElementById("long");
-  box.style.left = long.offsetLeft + document.body.scrollLeft;
-  box.style.top = long.offsetTop + document.body.scrollTop;
-  box.style.width = long.offsetWidth;
-  box.style.height = long.offsetHeight;
-</script>
-
-

Voir aussi

-

offsetParent, offsetTop, offsetWidth, offsetHeight

-

Spécification

-

Cette propriété ne fait partie d'aucun standard ou recommandation technique du W3C.

-

MSDN: offsetLeft

\ No newline at end of file diff --git a/files/fr/web/api/htmlelement/offsetleft/index.md b/files/fr/web/api/htmlelement/offsetleft/index.md new file mode 100644 index 0000000000..f4bf76cb37 --- /dev/null +++ b/files/fr/web/api/htmlelement/offsetleft/index.md @@ -0,0 +1,57 @@ +--- +title: element.offsetLeft +slug: Web/API/HTMLElement/offsetLeft +tags: + - Référence_du_DOM_Gecko +translation_of: Web/API/HTMLElement/offsetLeft +--- +

{{ ApiRef() }}

+

Résumé

+

Renvoie le nombre de pixels dont le + + coin supérieur gauche + de l'élément courant est décalé vers là gauche au sein du nœud offsetParent.

+

Syntaxe

+
left =element.offsetLeft;
+
+

left est un entier représentant le décalage vers la gauche en pixels.

+

Note

+

offsetLeft 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 span 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é offsetLeft 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 à offsetLeft, offsetTop, offsetWidth et offsetHeight ne contiendra pas forcément un span avec débordement de texte.

+

Exemple

+
var colorTable = document.getElementById("t1");
+var tOLeft = colorTable.offsetLeft;
+
+if (tOLeft > 5) {
+  // grand décalage à gauche : faire quelque chose ici
+}
+
+

Exemple

+

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.

+ +

+ +

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.

+
<div style="width: 300px; border-color:blue;
+  border-style:solid; border-width:1;">
+  <span>Short span. </span>
+  <span id="long">Long span that wraps withing this div.</span>
+</div>
+
+<div id="box" style="position: absolute; border-color: red;
+  border-width: 1; border-style: solid; z-index: 10">
+</div>
+
+<script>
+  var box = document.getElementById("box");
+  var long = document.getElementById("long");
+  box.style.left = long.offsetLeft + document.body.scrollLeft;
+  box.style.top = long.offsetTop + document.body.scrollTop;
+  box.style.width = long.offsetWidth;
+  box.style.height = long.offsetHeight;
+</script>
+
+

Voir aussi

+

offsetParent, offsetTop, offsetWidth, offsetHeight

+

Spécification

+

Cette propriété ne fait partie d'aucun standard ou recommandation technique du W3C.

+

MSDN: offsetLeft

\ No newline at end of file -- cgit v1.2.3-54-g00ecf