Курсивним називається похилий шрифт, що за своїм виглядом нагадує рукописний. Щоб зробити курсивний текст, у стилях використовується властивість 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.