Название

Как сделать текст курсивом или полужирным с помощью CSS.

Оформляя текст своих статей, заметок и.т.д. на веб-страницах иногда нужно какой-то фрагмент этого текста выделить от остального текста.

Замечательным способом, как это можно сделать - это выделение его полужирными шрифтом или курсивом. Такой текст сразу бросается в глаза и становиться заметным.

Сегодня разберем свойства CSS, которые позволяют решить эту проблему и выделяют выбранный фрагмент текста курсивом или полужирным.

Итак, чтобы выделить текст полужирным, нужно воспользоваться свойством:

font-weight: bold|bolder|lighter|normal|100|200|300|400|500|600|700|800|900

Чаще всего из этих значений используется значение bold. Остальные значения лишь определяют степень полужирности шрифта.

Чтобы сделать его курсивом, нужно воспользоваться свойством CSS:

font-style: normal | italic | oblique | inherit

Значение italic, как раз отвечает за курсив текста.

Давайте на конкретном практическом примере посмотрим, как работают эти свойства. Есть 3 абзаца. Один из них оставим как есть, другой выделим полужирным шрифтом, а третий курсивом.

<p>Абзац обычный</p>
<p style="font-weight:bold;">Абзац полужирным шрифтом</p>
<p style="font-style:italic;">Абзац курсивом</p>

Также выделить особым образом может понадобиться только определенную часть текста внутри абзаца. В этом случае можно воспользоваться элементом span.

<p>Абзац Абзац <span style="font-weight:bold;">Абзац</span> Абзац Абзац Абзац Абзац </p>

Назад Далее