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	Значение элемента наследуется от родительского элемента.