initial commit

1 files changed, 31 insertions, 0 deletions

diff --git a/files/fr/outils/measure_a_portion_of_the_page/index.html b/files/fr/outils/measure_a_portion_of_the_page/index.html
new file mode 100644
index 0000000000..4837589662
--- /dev/null
+++ b/files/fr/outils/measure_a_portion_of_the_page/index.html
@@ -0,0 +1,31 @@
+---
+title: Measure a portion of the page
+slug: Outils/Measure_a_portion_of_the_page
+translation_of: Tools/Measure_a_portion_of_the_page
+---
+<div>{{ToolsSidebar}}</div>
+
+<p class="geckoVersionNote">Nouveau dans Firefox 59.</p>
+
+<p>Depuis Firefox 59, il est possible de mesurer une zone spécifique d'une page web, en utilisant l'outil <em>mesurer une zone de la page</em>.</p>
+
+<p>Cet outil est caché par défaut. Pour activer ce bouton il faut :</p>
+
+<ul>
+ <li>Aller dans les <a href="/fr/docs/Tools/Tools_Toolbox#Settings">options des outils de développement</a>.</li>
+ <li>Dans la catégorie <em>boutons de la boite à outils </em>cocher<em> Mesurer une zone de la page.</em></li>
+</ul>
+
+<p>Un nouveau bouton apparaitra en haut de la page, à côté du bouton des options.</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/15787/measure-button.png" style="display: block; height: 190px; margin: 0px auto; width: 324px;"></p>
+
+<p>Il suffit alors de cliquer sur ce bouton pour activer l'outil. Une fois activé, un viseur apparait sur le curseur et affiche ses coordonnées à côté.</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/15786/cursor-shown.png" style="border-style: solid; border-width: 1px; display: block; height: 277px; margin: 0px auto; width: 447px;"></p>
+
+<p>Lorsque la souris est déplacée avec son bouton enfoncé, l'outil commence a dessiner un rectangle avec les dimensions x,y et diagonale affichée. Les unités sont en pixels.</p>
+
+<p>Lorsque le bouton souris est relâché, le rectangle ne disparait pas afin de pouvoir prendre des captures d'écrans, noter l'information, etc. Pour supprimer le rectangle il suffit de cliquer à nouveau.</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/15785/box-shown.png" style="border-style: solid; border-width: 1px; display: block; height: 303px; margin: 0px auto; width: 438px;"></p>