← Все вопросы

Как сделать текст жирным или курсивом через CSS, а не тегами <b> и <i>?

Задан 28 месяцев назад1.1к просмотров2 ответа
4

Знаю про теги <b> и <i>, но мне сказали, что жирность лучше делать через CSS. Какими свойствами выделить текст жирным и сделать курсив?

2 ответа

8
✓ Принятый ответ — помог автору

Для жирного — font-weight, для наклонного — font-style:

.important {
  font-weight: bold;   /* жирный */
}
.quote {
  font-style: italic;  /* курсив */
}

Значения:

  • font-weight: bold; — жирный, font-weight: normal; — обычный (можно и числами 400 обычный / 700 жирный).
  • font-style: italic; — курсив, font-style: normal; — прямой.

Плюс CSS-подхода: вешаешь класс и управляешь видом централизованно, а не расставляешь теги по всему тексту.

3

Заодно: чтобы подчеркнуть или зачеркнуть, используется другое свойство — text-decoration: underline; или line-through. А text-decoration: none; убирает подчёркивание у ссылок.

Ваш ответ

, чтобы ответить на вопрос.