У цій статті ми побачимо, як зробити текст курсивом за допомогою CSS. Щоб виділити текст курсивом на будь-якій веб-сторінці, CSS стиль шрифту майно використовується. У нас є кілька варіантів, щоб налаштувати текст курсивом.
- нормальний: Це звичайний стиль шрифту. Це те саме, що 400, цифрове значення за замовчуванням для жирності.
- жирний : Це це жирний стиль шрифту. Це те саме, що 700.
- курсив: Це курсивний стиль шрифту.
Підхід: The стиль шрифту властивість у CSS має три значення нормальний, курсив, і жирний. Значення CSS курсив використовується для виділення тексту курсивом.
Синтаксис:
font-style: italic;>
приклад: У цьому прикладі ми використовуємо підхід, описаний вище.
HTML
> <>html> lang>=>'en'>>> <>head>>> ><>meta> charset>=>'UTF-8'> />> ><>meta> http-equiv>=>'X-UA-Compatible'> >content>=>'IE=edge'> />> ><>meta> name>=>'viewport'> >content='>width>=>device>-width,> >initial-scale>=>1>.0' />> >> ><>style>>> >.gfg {> >font-style: italic;> >font-size: 24px;> >margin: 10px;> >padding: 2px;> >color: black;> >}> >style>голова> |
>
>
Примітка: Якщо ви використовуєте зовнішній файл CSS, завжди використовуйте CSS за замовчуванням для своєї веб-сторінки, цей CSS за замовчуванням записаний у селекторі * { }. Це призведе до видалення стандартного CSS з вашої веб-сторінки.
Вихід: Тепер, як ви бачите у вихідних даних, ми створили виділено курсивом текст на нашій веб-сторінці за допомогою CSS, що залучатиме читачів до читання вмісту веб-сторінки.
