Как совместить выделение жирным шрифтом и курсивом в CSS?

Этот учебник W3Schools научил меня использовать свойство CSS font-style, чтобы сделать текст полужирным (эквивалентно <b&g>this</b> HTML), а также как сделать текст курсивом (эквивалентно <i>this</i> в старомодном HTML).

Тем не менее, я не могу найти нигде, как сделать текст, обладающий обоими свойствами одновременно (эквивалентно <b><i>this</i></b> в старомодном HTML).

Есть ли способ сделать это, используя чистый CSS?

Я пробовал это:

font-style: italic bold;

В результате страница игнорировала оба свойства, и это было так, как будто я никогда не указывал это свойство вообще.

Я получил те же результаты, когда я это пробовал:

font-style: italic, bold;

У меня получился другой результат, когда я пробовал это:

font-style: italic; bold;

На этот раз произошло то, что он использовал первый стиль (курсив), но проигнорировал второй (полужирный).

Можно ли это сделать с чистым css?

Ответы

Ответ 1

Ты был близок.

italic используется с font-style, тогда как полужирный используется с font-weight.

Использование:

font-weight: bold;
font-style: italic;

Ответ 2

font-style - одно значение. Во всяком случае, bold является шрифтом. Чтобы объединить несколько значений, вы можете использовать сокращенное свойство font. Тем не менее, сокращение font требует записей: font-size и font-family. Если вы не включите их оба в стенографию, свойство будет проигнорировано.

Включите их в сокращенную font и italic bold, и она должна работать.

Ответ 3

Другая причина, по которой W3Schools плоха, вы должны использовать font-weight, чтобы установить жирный шрифт и font-style, чтобы установить курсив.

font-weight: bold;
font-style: italic;

Ответ 5

Пожалуйста, посмотрите на этот код:

font: italic bold 12px/30px Georgia, serif;