CSS свойство font-style

Свойство font-style устанавливает стиль шрифта для текста. Различают три вида - обычный, курсивный или наклонный.

Наклонный - это шрифт похожий на рукописный, символы наклонены на 8-12 градусов. Курсивный вид шрифта создает художник-шрифтовик при помощи специальных символов, которые нарисованы по-разному для создания более каллиграфической, а также наклонной версии. Наклонный шрифт меньше всех поддерживается в браузерах.

Значение по умолчанию normal
Применяется Ко всем элементам, а также к ::first-letter.
Наследуется Да
Анимируемое Нет
Версия CSS1
DOM синтаксис object.style.fontStyle = "oblique";

Синтаксис

font-style: normal | italic | oblique | initial | inherit;

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      p.normal { font-style: normal; }
      p.italic { font-style: italic; }
      p.oblique { font-style: oblique; }
    </style>
  </head>
  <body>
    <h2>Пример свойства font-style</h2>
    <p class="normal">Текст с обычным шрифтом.</p>
    <p class="italic">Текст с курсивным шрифтом.</p>
    <p class="oblique">Текст с наклонным шрифтом.</p>
  </body>
</html>

Значения

Значение Описание
normal Обычный шрифт текста. Значение по умолчанию.
italic Курсивный шрифт текста.
oblique Наклонный шрифт текста.
initial Устанавливает свойство в значение по умолчанию.
inherit Значение элемента наследуется от родительского элемента.

Поддержка браузера

1.0+ 12.0+ 1.0+ 1.0+ 7+.0




Похожие статьи