Как выделить слово в CSS

Чтобы выделить слово (или текст) в CSS, можно использовать свойство text-decoration. Свойство text-decoration позволяет добавлять особые эффекты к тексту.

Например, чтобы выделить слово курсивом, можно определить стиль следующим образом:

span {
  font-style: italic;
}

Здесь мы использовали селектор <span>, но можно использовать любой другой блочный или строчный HTML-элемент.

Также можно использовать свойство text-decoration со значением underline, чтобы выделить текст подчеркиванием:

div {
  text-decoration: underline;
}

А если нужно выделить текст перечеркиванием, придется использовать значение line-through:

h1 {
  text-decoration: line-through;
}

Обратите внимание, что значение свойства text-decoration может комбинироваться, например, чтобы выделить слово красным цветом и подчеркиванием, можно написать такой код:

p {
  color: red;
  text-decoration: underline;
}

Здесь мы использовали свойство color для задания красного цвета текста, а затем добавили подчеркивание с помощью text-decoration: underline;.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как выделить слово в CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали