Як виділити курсивом текст у CSS?
У цій статті ми побачимо, як зробити текст курсивом за допомогою 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, що залучатиме читачів до читання вмісту веб-сторінки.