Пример
Устанавливает шрифт параграфа в капитель:<html>
<head>
<meta charset="utf-8" />
<style>
p.normal { font-variant:normal; }
p.small { font-variant:small-caps; }
</style>
</head>
<body>
<p class="normal">Это некоторый параграф.</p>
<p class="small">Это некоторый параграф.</p>
</body>
</html>
Определение и использование
В шрифте small-caps, все строчные буквы преобразуются в заглавные буквы. Однако, преобразованые заглавные буквы появляются в более мелком шрифте, чем оригинальные заглавные буквы в тексте.
Свойство font-variant указывает, будет ли текст отображаться в шрифте small-caps.
| Значение по умолчанию: | normal |
|---|---|
| Унаследованный: | да |
| Версия: | CSS1 |
| Синтакс JavaScript: | object.style.fontVariant="small-caps" |
Поддержка браузеров
Свойство font-variant поддерживается во всех ведущих браузерах.
Примечание: Ни одна из версий Internet Explorer (включая IE8) не поддерживает значение "inherit".
Значения свойства
| Значение | Описание |
|---|---|
| normal | Браузер отображает обычный шрифт. Это по умолчанию |
| small-caps | Браузер отображает шрифт small-caps |
| inherit | Указывает, что вариант шрифта должен быть унаследован от родительского элемента |
Была ли эта информация полезной?
