Як виділити курсивом текст у CSS?

Як виділити курсивом текст у 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>голова>

GeeksForGeeks | Портал комп’ютерних наук для фанатів h2>

Ця платформа розроблена для кожного гіка, який бажає розширити свої знання, поділитися своїми знаннями та готовий влаштуватися на роботу своєї мрії. У нас є мільйони статей, живі та онлайн-курси, тисячі посібників і багато іншого лише для гіків усередині вас. p>

Дякуємо, що обираєте та підтримуєте нас! p> body> html>>

Примітка: Якщо ви використовуєте зовнішній файл CSS, завжди використовуйте CSS за замовчуванням для своєї веб-сторінки, цей CSS за замовчуванням записаний у селекторі * { }. Це призведе до видалення стандартного CSS з вашої веб-сторінки.

Вихід: Тепер, як ви бачите у вихідних даних, ми створили виділено курсивом текст на нашій веб-сторінці за допомогою CSS, що залучатиме читачів до читання вмісту веб-сторінки.