---
title: accent-height
slug: Web/SVG/Attribute/accent-height
tags:
  - Attribut
  - NeedsCompatTable
  - NeedsExample
  - NeedsUpdate
  - Reference
  - SVG
translation_of: Web/SVG/Attribute/accent-height
---
<div>{{SVGRef}}</div>

<p>L'attribut <strong><code>accent-height</code></strong> définit la distance entre l'origine et le haut des accents placés sur les caractères. Cette distance est mesurée dans le système de coordonnées de la police.</p>

<p>Si cet attribut n'est pas défini, l'effet obtenu est identique à celui obtenu avec la valeur de l'attribut {{SVGAttr("ascent")}}.</p>

<h2 id="Contexte_d'utilisation">Contexte d'utilisation</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="row">Catégories</th>
   <td>Aucune</td>
  </tr>
  <tr>
   <th scope="row">Type de valeur</th>
   <td><a href="/fr/docs/Web/SVG/Content_type#Length" title="https://developer.mozilla.org/en/SVG/Content_type#Number">&lt;number&gt;</a></td>
  </tr>
  <tr>
   <th scope="row">Peut être animé</th>
   <td>Non</td>
  </tr>
  <tr>
   <th scope="row">Spécification</th>
   <td><a href="https://www.w3.org/TR/SVG/fonts.html#FontFaceElementAccentHeightAttribute">SVG 1.1 (seconde édition)</a></td>
  </tr>
 </tbody>
</table>

<p>{{page("/fr/docs/Web/SVG/Content_type","Number")}}</p>

<h2 id="Éléments">Éléments</h2>

<p>On peut utiliser l'attribut <code>accent-height</code> sur les éléments suivants :</p>

<ul>
 <li>{{SVGElement("font-face")}}</li>
</ul>