---
title: font-stretch
slug: Web/CSS/font-stretch
tags:
  - CSS
  - 'CSS:Dokumentacje'
  - Dokumentacje
  - Wszystkie_kategorie
translation_of: Web/CSS/font-stretch
---
<p>{{CSSRef}}</p>

<h2 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h2>

<p>Własność <strong>font-stretch</strong> wybiera normalny, zwężony lub poszerzony krój z rodziny czcionek.</p>

<p>{{cssinfo}}</p>

<h2 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h2>

<dl>
 <dt>Wartości bezwględne</dt>
 <dd> </dd>
 <dd><code>font-stretch:</code> <code>normal</code> ;</dd>
 <dd><code>font-stretch:</code> {{ mediawiki.external('<code>ultra-condensed</code> | <code>extra-condensed</code> | <code>condensed</code> | <code>semi-condensed</code>') }} ;</dd>
 <dd><code>font-stretch:</code> {{ mediawiki.external('<code>semi-expanded</code> | <code>expanded</code> | <code>extra-expanded</code> | <code>ultra-expanded</code>') }} ;</dd>
</dl>

<dl>
 <dt>Wartości względne</dt>
 <dd> </dd>
 <dd><code>font-stretch:</code> {{ mediawiki.external('<code>wider</code> | <code>narrower</code>') }} ;</dd>
</dl>

<h3 id="Warto.C5.9Bci" name="Warto.C5.9Bci">Wartości</h3>

<dl>
 <dt>normal</dt>
 <dd>Definiuje normalną szerokość kroju czcionki.</dd>
</dl>

<dl>
 <dt>semi-condensed, condensed, extra-condensed, ultra-condensed</dt>
 <dd>Definiuje krój czcionki węższy niż normalny, przy czym ultra-condensed jest najwęższy.</dd>
</dl>

<dl>
 <dt>semi-expanded, expanded, extra-expanded, ultra-expanded</dt>
 <dd>Definiuje krój czcionki szerszy niż normalny, przy czym ultra-expanded jest najszerszy.</dd>
</dl>

<dl>
 <dt>wider</dt>
 <dd>Wartość względna 'wider' ustawia szerszy o jedną wartość krój czcionki niż wartość odziedziczona (lecz nie szerszą niż ultra-expanded).</dd>
</dl>

<dl>
 <dt>narrower</dt>
 <dd>Wartość względna 'narrower' ustawia węższy o jedną wartość krój czcionki niż wartość odziedziczona (lecz nie węższą niż ultra-condensed).</dd>
</dl>

<h2 id="Przyk.C5.82ady" name="Przyk.C5.82ady">Przykłady</h2>

<pre>h1 { font-stretch: extra-expanded }
p { font-stretch: narrower}
</pre>

<h2 id="Notatki" name="Notatki">Notatki</h2>

<p><strong>UWAGA:</strong> Ta własność CSS <strong>NIE JEST JESZCZE ZAIMPLEMENTOWANA</strong>, zobacz {{ Bug(3512) }}, by sprawdzić aktualny status prośby o dodanie.</p>

<h2 id="Specyfikacje" name="Specyfikacje">Specyfikacje</h2>

<ul>
 <li><a class="external" href="http://www.w3.org/TR/CSS2/fonts.html#propdef-font-stretch">CSS 2 fonts</a></li>
 <li><a class="external" href="http://www.w3.org/TR/css3-fonts/#font-stretch">CSS 3 fonts</a></li>
</ul>