/ Code Css font-stretch | Résultat du code Css font-stretch | Copie d'écran / J'ai vu une erreur dans cette page

Exemple de code de la propriété CSS font-stretch.

<style>
.font-stretch-wider{  : wider }
.font-stretch-narrower{  : narrower }
.font-stretch-ultra-condensed{  : ultra-condensed }
.font-stretch-extra-condensed{  : extra-condensed }
.font-stretch-condensed{  : condensed}
.font-stretch-semi-condensed{  : semi-condensed }
.font-stretch-semi-expanded{  : semi-expanded }
.font-stretch-extra-expanded{  : extra-expanded }
.font-stretch-extra-expanded{  : extra-expanded }
.font-stretch-ultra-expanded{  : ultra-expanded } 
.exemple{ margin-bottom:5px }
</style>
.identifiant { font-stretch : wider }
<div class="font-stretch-wider exemple">paragraphe paragraphe paragraphe paragraphe paragraphe paragraphe </div>
.identifiant { font-stretch : narrower }
<div class="font-stretch-narrower exemple">paragraphe paragraphe paragraphe paragraphe paragraphe paragraphe </div>
.identifiant { font-stretch : ultra-condensed }
<div class="font-stretch-ultra-condensed exemple">paragraphe paragraphe paragraphe paragraphe paragraphe paragraphe </div>
.identifiant { font-stretch : extra-condensed }
<div class="font-stretch-extra-condensed exemple">paragraphe paragraphe paragraphe paragraphe paragraphe paragraphe </div>
.identifiant { font-stretch : condensed }
<div class="font-stretch-condensed exemple">paragraphe paragraphe paragraphe paragraphe paragraphe paragraphe </div>
.identifiant { font-stretch : semi-condensed }
<div class="font-stretch-semi-condensed exemple">paragraphe paragraphe paragraphe paragraphe paragraphe paragraphe </div>
.identifiant { font-stretch : semi-expanded }
<div class="font-stretch-semi-expanded exemple">paragraphe paragraphe paragraphe paragraphe paragraphe paragraphe </div>
.identifiant { font-stretch : expanded }
<div class="font-stretch-expanded exemple">paragraphe paragraphe paragraphe paragraphe paragraphe paragraphe </div>
.identifiant { font-stretch : extra-expanded }
<div class="font-stretch-extra-expanded exemple">paragraphe paragraphe paragraphe paragraphe paragraphe paragraphe </div>
.identifiant { font-stretch : ultra-expanded }
<div class="font-stretch-ultra-expanded exemple">paragraphe paragraphe paragraphe paragraphe paragraphe paragraphe </div>

Interprétation du code de la propriété font-stretch CSS par votre navigateur.

.identifiant { font-stretch : wider }
paragraphe paragraphe paragraphe paragraphe paragraphe paragraphe
.identifiant { font-stretch : narrower }
paragraphe paragraphe paragraphe paragraphe paragraphe paragraphe
.identifiant { font-stretch : ultra-condensed }
paragraphe paragraphe paragraphe paragraphe paragraphe paragraphe
.identifiant { font-stretch : extra-condensed }
paragraphe paragraphe paragraphe paragraphe paragraphe paragraphe
.identifiant { font-stretch : condensed }
paragraphe paragraphe paragraphe paragraphe paragraphe paragraphe
.identifiant { font-stretch : semi-condensed }
paragraphe paragraphe paragraphe paragraphe paragraphe paragraphe
.identifiant { font-stretch : semi-expanded }
paragraphe paragraphe paragraphe paragraphe paragraphe paragraphe
.identifiant { font-stretch : expanded }
paragraphe paragraphe paragraphe paragraphe paragraphe paragraphe
.identifiant { font-stretch : extra-expanded }
paragraphe paragraphe paragraphe paragraphe paragraphe paragraphe
.identifiant { font-stretch : ultra-expanded }
paragraphe paragraphe paragraphe paragraphe paragraphe paragraphe

Interprétation normale du code de la propriété CSS font-stretch (copie d'écran).

copie d'écran de l'affichage de la propriété CSS font-stretch