blob: 92a1e1434b6be15e4c3746730311d4e9d2f5c679 (
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
|
---
title: Règles
slug: Tools/Rulers
translation_of: Tools/Rulers
original_slug: Outils/Rulers
---
<div>{{ToolsSidebar}}</div>
<p>Il est possible de superposer des règles verticales et horizontales dans une page web :</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16364/viewport_rulers.png" style="display: block; height: 724px; margin-left: auto; margin-right: auto; width: 1018px;">Les unités sont en pixels.</p>
<p>Les dimensions de la fenêtre sont affichées en haut en droite de celle-ci.</p>
<p>Pour pouvoir utiliser cet outil, il est nécessaire d'activer son bouton dédié en cochant la case "Afficher/Masquer les règles pour la page" dans la catégorie "Boutons de la boîte à outils" des <a href="/fr/docs/Tools/Tools_Toolbox#Settings">options des outils de développement.</a></p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16415/settings_available_buttons.png" style="border: 1px solid black; display: block; height: 247px; margin: 0px auto; width: 315px;"></p>
<p>Une fois activé le bouton "Afficher/Masquer les règles pour la page" apparait en haut à droite de la barre d'outils à coté du bouton des options.</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16362/ruler_toggle_button.png" style="border: 1px solid black; display: block; height: 326px; margin: 0 auto; width: 394px;"></p>
<p>Comportements à garder à l'esprit lors de l'utilisation des règles :</p>
<ul>
<li>Les commandes <code>rulers</code> doivent être réappliquées pour <strong>chaque nouvel onglet</strong> et pour <strong>chaque rafraichissement</strong>.</li>
<li>La commande n'est pas permanente.</li>
</ul>
|
