CSS властивості
ГлавнаяБлогЯк зробити курсив тексту?

Як зробити курсив тексту?

148

Курсивним називається похилий шрифт, що за своїм виглядом нагадує рукописний. Щоб зробити курсивний текст, у стилях використовується властивість font-style зі значенням italic. У прикладі 1 курсивним зроблено заголовок <h1>.

Приклад 1. Курсивний заголовок

 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Курсів</title> <style> body { font-family: Arial, sans-serif; /* Рублений шрифт */
} 
h1 { font-family: Georgia, Times, serif; /* Шрифт із засічками */
font-style: italic; /* Курсив */
}
</style>
</head>
<body> <h1>Домашня кухня</h1> <p>З перших страв поширені супи-пюре та бульйони, але подають їх рідко.</p>
</body>
</html>

Результат цього прикладу показаний на рис. 1.

Вид курсивного заголовка