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

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

Характеристики

Значение по умолчанию: normal.
Применяется: ко всем элементам.
Наследуется: да.
Анимируется: нет.
JavaScript: object.style.fontVariant="value".

Синтаксис

font-variant: normal | small-caps

Значения

normal – браузер будет отображать символы стандартным способом.
small-caps – браузер будет конвертировать символы в капитель.

Ссылки

Официальный сайт W3C: https://drafts.csswg.org/css-fonts-3/#propdef-font-variant

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/CSS/font-variant

Примеры

HTML Результат

htmlCodes

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">  
	<title>Пример №1</title>

	<style>
	
		.variant_1{
		font-variant: normal;
		}
	
		.variant_2{
		font-variant: small-caps;
		}
		
	</style>
	
</head>
<body>

	<p class="variant_1">
		Стандартное отображение (font-variant: normal)
	</p>
	
	<p class="variant_2">
		Капитель (font-variant: small-caps) 
	</p>

</body>
</html>

Пример №1