---
title: <hkern>
slug: Web/SVG/Element/hkern
tags:
  - Element
  - Police SVG
  - Reference
  - SVG
translation_of: Web/SVG/Element/hkern
---
<div>{{SVGRef}}</div>

<p>La distance horizontale entre deux glyphes peut être ajustée minutieusement avec l'élément hkern. Ce proccessus est appelé <a href="https://fr.wikipedia.org/wiki/Cr%C3%A9nage">Crénage</a>.</p>

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

<p>{{svginfo}}</p>

<h2 id="Exemple">Exemple</h2>

<h2 id="Attributs">Attributs</h2>

<h3 id="Attributs_globaux">Attributs globaux</h3>

<ul>
 <li><a href="https://developer.mozilla.org/fr/docs/Web/SVG/Attribute#Core">Attributs fondamentaux</a> »</li>
</ul>

<h3 id="Attributs_spécifiques">Attributs spécifiques</h3>

<ul>
 <li>{{ SVGAttr("u1") }}</li>
 <li>{{ SVGAttr("g1") }}</li>
 <li>{{ SVGAttr("u2") }}</li>
 <li>{{ SVGAttr("g2") }}</li>
 <li>{{ SVGAttr("k") }}</li>
</ul>

<h2 id="Interface_DOM">Interface DOM</h2>

<p>Cet élément implémente l'interface <code><a href="/fr/docs/Web/API/SVGHKernElement" title="en/DOM/SVGHKernElement">SVGHKernElement</a></code>.</p>

<h2 id="Voir_également">Voir également</h2>

<ul>
 <li>{{ SVGElement("font") }}</li>
 <li>{{ SVGElement("glyph") }}</li>
 <li>{{ SVGElement("vkern") }}</li>
 <li><a href="/fr/docs/Web/SVG/Tutorial/SVG_fonts">Tutoriel SVG : Polices SVG</a></li>
</ul>