---
title: DOMRectReadOnly
slug: Web/API/DOMRectReadOnly
tags:
  - API
  - DOM Reference
  - DOMRectReadOnly
  - Experimental
  - Geometry
  - Rectangle
  - Reference
  - TopicStub
translation_of: Web/API/DOMRectReadOnly
---
<p>{{draft}}{{APIRef("Geometry Interfaces")}}{{ SeeCompatTable() }}</p>

<p>L'interface <strong><code>DOMRectReadOnly</code></strong> spécifie les propriétés standard utilisées par {{domxref("DOMRect")}} pour définir un rectangle.</p>

<h2 id="Constructeur">Constructeur</h2>

<dl>
 <dt>{{domxref("DOMRectReadOnly.DOMRectReadOnly","DOMRectReadOnly()")}}</dt>
 <dd>Défini pour créer un nouvel objet <code>DOMRectReadOnly</code>, mais notez que ce constructeur ne peut pas être appelé par JavaScript tiers: cela renvoie une erreur de type "Constructeur illégal".</dd>
</dl>

<h2 id="Propriétés">Propriétés</h2>

<dl>
</dl>

<dl>
 <dt>{{domxref("DOMRectReadOnly.x")}} {{readonlyInline}}</dt>
 <dd>La coordonnée x de l'origine du <code>DOMRect</code>.</dd>
 <dt>{{domxref("DOMRectReadOnly.y")}} {{readonlyInline}}</dt>
 <dd>La coordonnée y de l'origine du <code>DOMRect</code>.</dd>
 <dt>{{domxref("DOMRectReadOnly.width")}} {{readonlyInline}}</dt>
 <dd>La largeur du <code>DOMRect</code>.</dd>
 <dt>{{domxref("DOMRectReadOnly.height")}} {{readonlyInline}}</dt>
 <dd>La hauteur du <code>DOMRect</code>.</dd>
 <dt>{{domxref("DOMRectReadOnly.top")}} {{readonlyInline}}</dt>
 <dd>Renvoie la valeur de coordonnée supérieur du <code>DOMRect</code> (généralement la même que <code>y</code>).</dd>
 <dt>{{domxref("DOMRectReadOnly.right")}} {{readonlyInline}}</dt>
 <dd>Renvoie la valeur de coordonnée droite du <code>DOMRect</code> (généralement identique à <code>x + largeur</code>).</dd>
 <dt>{{domxref("DOMRectReadOnly.bottom")}} {{readonlyInline}}</dt>
 <dd>Renvoie la valeur de coordonnée inférieur du <code>DOMRect</code> (généralement la même que <code>y + hauteur</code>).</dd>
 <dt>{{domxref("DOMRectReadOnly.left")}} {{readonlyInline}}</dt>
 <dd>Renvoie la valeur de coordonnée gauche du <code>DOMRect</code> (généralement la même que <code>x</code>).</dd>
</dl>

<h2 id="Méthodes">Méthodes</h2>

<dl>
 <dt>{{domxref("DOMRectReadOnly.fromRect()")}}</dt>
 <dd>Crée un nouvel objet <code>DOMRect</code> avec un emplacement et des dimensions donnés.</dd>
</dl>

<h2 id="Specification" name="Specification">Spécifications</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Spécification</th>
   <th scope="col">Statut</th>
   <th scope="col">Commentaire</th>
  </tr>
  <tr>
   <td>{{SpecName('Geometry Interfaces', '#DOMRect', 'DOMRectReadOnly')}}</td>
   <td>{{Spec2('Geometry Interfaces')}}</td>
   <td>Définition initiale.</td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>

<div class="hidden">Le tableau de compatibilité de cette page est généré à partir de données structurées. Si vous souhaitez contribuer aux données, veuillez consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et envoyez-nous une pull request.</div>

<p>{{Compat("api.DOMRectReadOnly")}}</p>

<h2 id="Voir_aussi">Voir aussi</h2>

<ul>
 <li>{{domxref("DOMPoint")}}</li>
</ul>