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

Свойство font-variant определяет, необходимо ли использовать малые прописные буквы из семейства шрифтов или нет.

Свойство font-variant имеет две значения - normal и small-caps. Normal - значение по умолчанию. При значении small-caps все строчные символы станут заглавными, но они будут уменьшенного размера.

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

Синтаксис

font-variant: normal | small-caps | initial | inherit;

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      .smallcaps {
      font-variant: small-caps;
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства font-variant</h2>
    <p>Здесь использовано значение normal.</p>
    <p class="smallcaps">Здесь Использовано Значение Small-Caps.</p>
  </body>
</html>

Значения

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

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

chrome firefox safari opera
1.0+ 1.0+ 1.0+ 3.5+

Практикуйте свои знания

Что такое свойство CSS 'font-variant'?
Считаете ли это полезным?