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

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

<p>Własność <code>font-style</code> definiuje kroje czcionki <code>normal</code> (określany również jako <code>upright</code> lub <code>roman</code>), <code>italic</code> oraz <code>oblique</code> spośród rodziny czcionek.</p>

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

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

{{csssyntax}}

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

<dl>
 <dt>normal, oblique, italic </dt>
 <dd>Określa, że program powinien wybrać krój czcionki <code>normal</code>, <code>oblique</code> lub <code>italic</code> dla czcionki zdefiniowanej w {{ Cssxref("font-family") }}.</dd>
</dl>

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

<p> </p>

<p><a href="/samples/cssref/font-style.html">Zobacz przykład</a></p>

<p> </p>

<pre>h1 { font-style: italic }
p { font-style: oblique }

</pre>

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

<ul>
 <li><a class="external" href="http://www.w3.org/TR/CSS1#font-style">CSS 1</a></li>
 <li><a class="external" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style">CSS 2.1</a></li>
 <li><a class="external" href="http://www.w3.org/TR/css3-fonts/#font-style">css3-fonts</a></li>
</ul>