HTML DOM fontStretch Property

Definition and Usage

The fontStretch property is used to stretch or deform the current font-family.

Syntax :

Object.style.fontStretch=value

possible values

value description
normal Valeur par défaut. Définir la proportion de mise à l'échelle à la norme.
wider Définir le rapport d'élargissement à une valeur d'élargissement plus avancée
narrower Définir le rapport de rétrécissement à une valeur de rétrécissement plus avancée
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

Définir la proportion de mise à l'échelle de font-family.

"ultra-condensed" est la valeur la plus large, tandis que "ultra-expanded" est la valeur la plus étroite.

Exemple

Cet exemple étend la police :

<html>
<head>
<script type="text/javascript">
function setFontStretch()
{
document.getElementById("p1").style.fontStretch="ultra-expanded";
}
</script>
</head>
<body>
<p id="p1">Ceci est un paragraphe d'exemple.</p>
<input type="button" onclick="setFontStretch()" 
value="Étirement de police" />
</body>
</html>