font-stretch

  • Raccourci de la révision : CSS/font-stretch
  • Titre de la révision : font-stretch
  • ID de la révision : 334135
  • Créé :
  • Créateur : FredB
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

{{CssRef()}}

Résumé

La propriété {{ Cssxref("font-stretch") }} sélectionne un aspect normal, condensé ou étendu d'une famille de police.

  • {{ Xref_cssinitial() }} {{ Cssxref("normal") }}
  • S'applique à tous les éléments
  • v{{ Xref_cssinherited() }} oui
  • Média {{ Xref_cssvisual() }}
  • {{ Xref_csscomputed() }} valeur spécifiée (excepté pour {{ Cssxref("initial") }} et {{ Cssxref("inherit") }})

Syntaxe

Valeurs de mots clefs absolues 
 
font-stretch: normal ;

font-stretch: [ultra-condensed | extra-condensed | condensed | semi-condensed] ;

font-stretch: [semi-expanded | expanded | extra-expanded | ultra-expanded] ;
Valeurs de mots clefs relatives 
 
font-stretch: [wider | narrower] ;

Valeurs

normal 
Spécifie un aspect de police normal.
semi-condensed, condensed, extra-condensed, ultra-condensed 
Spécifie un aspect de police plus condensé que normal, où ultra-condensed est l'aspect le plus condensé possible.
semi-expanded, expanded, extra-expanded, ultra-expanded 
Spécifie un aspect de police plus étendu que normal, où ultra-expanded est l'aspect le plus étendu.
wider 
Le mot clef relatif wider définit une valeur pour l'aspect de la police au-dessus de celle qui est héritée (mais moins étendu que ultra-expanded).
narrower 
Le mot clef relatif narrower définit une valeur pour l'aspect de la police au-dessous de celle qui est héritée (mais moins condensé que ultra-condensed).

Exemples

{{ CSSRefExampleLink("font-style") }} (FIXME)

h1 { font-stretch: extra-expanded }
p { font-stretch: narrower}

Notes

Attention : Cette propriété CSS n'est pas encore implémentée, voir {{ Bug(3512) }} pour l'avancement de son implémentation.

Spécifications

Compatibilité des navigateurs

Voir également

{{ Référence_CSS:Fonts() }}

Source de la révision

<p>{{CssRef()}}</p>
<h2 id="R.C3.A9sum.C3.A9">Résumé</h2>
<p>La propriété {{ Cssxref("font-stretch") }} sélectionne un aspect normal, condensé ou étendu d'une famille de police.</p>
<ul class="cssprop">
  <li><dfn>{{ Xref_cssinitial() }}&nbsp;</dfn>{{ Cssxref("normal") }}</li>
  <li><dfn>S'applique à&nbsp;</dfn>tous les éléments</li>
  <li>v{{ Xref_cssinherited() }}&nbsp;oui</li>
  <li><dfn>Média&nbsp;</dfn>{{ Xref_cssvisual() }}</li>
  <li><dfn>{{ Xref_csscomputed() }}&nbsp;</dfn>valeur spécifiée (excepté pour {{ Cssxref("initial") }} et {{ Cssxref("inherit") }})</li>
</ul>
<h2 id="Syntaxe">Syntaxe</h2>
<dl>
  <dt>
    Valeurs de mots clefs absolues&nbsp;</dt>
  <dd>
    &nbsp;</dd>
</dl>
<pre class="eval">
font-stretch: normal&nbsp;;

font-stretch: [ultra-condensed | extra-condensed | condensed | semi-condensed]&nbsp;;

font-stretch: [semi-expanded | expanded | extra-expanded | ultra-expanded]&nbsp;;
</pre>
<dl>
  <dt>
    Valeurs de mots clefs relatives&nbsp;</dt>
  <dd>
    &nbsp;</dd>
</dl>
<pre class="eval">
font-stretch: [wider | narrower]&nbsp;;
</pre>
<h2 id="Valeurs">Valeurs</h2>
<dl>
  <dt>
    normal&nbsp;</dt>
  <dd>
    Spécifie un aspect de police normal.</dd>
  <dt>
    semi-condensed, condensed, extra-condensed, ultra-condensed&nbsp;</dt>
  <dd>
    Spécifie un aspect de police plus condensé que <strong>normal</strong>, où <strong>ultra-condensed</strong> est l'aspect le plus condensé possible.</dd>
  <dt>
    semi-expanded, expanded, extra-expanded, ultra-expanded&nbsp;</dt>
  <dd>
    Spécifie un aspect de police plus étendu que <strong>normal</strong>, où <strong>ultra-expanded</strong> est l'aspect le plus étendu.</dd>
  <dt>
    wider&nbsp;</dt>
  <dd>
    Le mot clef relatif <strong>wider</strong> définit une valeur pour l'aspect de la police au-dessus de celle qui est héritée (mais moins étendu que <strong>ultra-expanded</strong>).</dd>
  <dt>
    narrower&nbsp;</dt>
  <dd>
    Le mot clef relatif <strong>narrower</strong> définit une valeur pour l'aspect de la police au-dessous de celle qui est héritée (mais moins condensé que <strong>ultra-condensed</strong>).</dd>
</dl>
<h2 id="Exemples">Exemples</h2>
<p>{{ CSSRefExampleLink("font-style") }} (FIXME)</p>
<pre class="eval">
h1 { font-stretch: extra-expanded }
p { font-stretch: narrower}
</pre>
<h2 id="Notes">Notes</h2>
<div class="warning">
  Attention&nbsp;: Cette propriété CSS <strong>n'est pas encore implémentée</strong>, voir {{ Bug(3512) }} pour l'avancement de son implémentation.</div>
<h2 id="Sp.C3.A9cifications">Spécifications</h2>
<ul>
  <li><a class="external" href="http://www.yoyodesign.org/doc/w3c/css2/fonts.html#propdef-font-stretch">CSS 2 (fr)</a> <small>(non normative)</small></li>
  <li><a class="external" href="http://www.w3.org/TR/CSS2/fonts.html#propdef-font-stretch">CSS 2 fonts (en)</a></li>
  <li><a class="external" href="http://www.w3.org/TR/css3-fonts/#font-stretch">CSS 3 fonts (en)</a></li>
</ul>
<h2 id="Compatibilit.C3.A9_des_navigateurs">Compatibilité des navigateurs</h2>
<h2 id="Voir_.C3.A9galement">Voir également</h2>
<p>{{ Référence_CSS:Fonts() }}</p>
Revenir à cette révision