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

CSS свойства

Определение и применение

CSS свойство font-variant указывает, должен ли текст быть выведен в капители (оставить без модификаций строчные буквы или установить строчные знаки как уменьшенные заглавные).

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

СвойствоChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
font-variant1.01.03.51.04.012.0

CSS синтаксис:

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

JavaScript синтаксис:

object.style.fontVariant = "normal"

Значения свойства

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

Версия CSS

CSS1

Наследуется

Да.

Анимируемое

Нет.

Пример использования

<!DOCTYPE html>
<html>
<head>
<title>Пример использования свойства font-variant.</title>
<style> 
.test {
font-variant : small-caps; /* задает капитель шрифта. */
}
</style>
</head>
	<body>
		<p>Параграф отображается обычным шрифтом.</p>
		<p class = "test">Строчные буквы устанавливаются как прописные уменьшенного размера.</p>
	</body>
</html>
Пример использования свойства CSS font-variant.
Пример использования свойства CSS font-variant (капитель шрифта).
CSS свойства