<p class="about">За допомогою властивості <strong>font-style</strong> ми можемо змінити стиль тексту. Зробити його, наприклад корсивом. Як тут:</p>

<p>Цей абзац використовує значення властивості <strong>font-style</strong> <p class="about">За допомогою властивості <strong>font-style</strong> ми можемо змінити стиль тексту. Зробити його, наприклад корсивом. Як тут:</p>

<p>Цей абзац використовує значення властивості <strong>font-style</strong> за замовчуванням (<em>normal</em>).</p>

<p class="it">А тут ми встановили значення <em>italic</em>, що виводить текст курсивом.</p>

<p class="ob">А тут ми встановили значення <em>oblique</em>, що виводить текст похилим.</p>

<p class="notice">Якщо значення <em>oblique</em> не доступне для якогось шрифта, замість нього автоматично застосовується значення <em>italic</em>!</p> (<em>normal</em>).</p>

<p class="it">А тут ми встановили значення <em>italic</em>, що виводить текст курсивом.</p>

<p class="ob">А тут ми встановили значення <em>oblique</em>, що виводить текст похилим.</p>

<p class="notice">Якщо значення <em>oblique</em> не доступне для якогось шрифта, замість нього автоматично застосовується значення <em>italic</em>!</p>
body {
  line-height: 1.45;
  font-size: 17px;
  font-family: sans-serif;
}

.about {
  background-color: gold;
  padding: 12px;
}

.notice {
  color: #666;
  border-left: 2px solid #808080;
  padding-left: 8px;
  margin: 20px 0 36px 0;
}

.it {
  font-style: italic;
}

.ob {
  font-style: oblique;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.