Інформація про шрифтовий варіант
Шрифтовий варіант в CSS визначає, як рядкові символи відображатимуться - залишати їх без змін або робити всі з них прописними уменшеного розміру, що називається капітеллю.
Синтаксис
font-variant: normal | small-caps | inherit
Значення
- normal
- Залишає регістр символів таким, як він заданий за замовчуванням.
- small-caps
- Модифікує всі рядкові символи як прописні уменшеного розміру.
- inherit
- Наслідує значення від батьківського елемента.
Приклад
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>font-variant</title>
<style>
h1 {
font-variant: small-caps; /* Встановлюємо капітелю для заголовка */
}
</style>
</head>
<body>
<h1>Duis te feugifacilisi</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat.</p>
</body>
</html>Результат цього прикладу показано на рис. 2.
Об'єктна модель
[window.]document.getElementById("elementID").style.fontVariant
Браузери
Internet Explorer до версії 7.0 включно не підтримує значення inherit.