<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.