font-variant
font-variant
| Браузер | Internet Explorer | Netscape | Opera | Safari | Mozilla | Firefox | ||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Версия | 5.5 | 6.0 | 7.0 | 7.0 | 8.0 | 7.0 | 8.0 | 9.0 | 2.0 | 3.0 | 1.7 | 1.0 | 2.0 | 3.0 |
| Поддерживается | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да |
Краткая информация
| CSS | CSS1 |
|---|---|
| Значение по умолчанию | normal |
| Наследуется | Да |
| Применяется | Ко всем элементам |
| Аналог HTML | Нет |
| Ссылка на спецификацию | http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant |
Описание
Определяет, как нужно представлять строчные буквы ? оставить их без модификаций или делать их все прописными
уменьшенного размера. Такой способ изменения символов
называется капителью.
Синтаксис
font-variant: normal | small-caps
Аргументы
- normal
- Оставляет регистр символов исходным, заданным по умолчанию.
- small-caps
- Модифицирует все строчные символы как заглавные уменьшенного размера, как показано на рис. 1.
Рис. 1. Обычный текст и текст в виде капители
Пример
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>font-variant</title>
<style type="text/css">
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.
Рис. 2. Применение параметра font-variant
Объектная модель
[window.]document.getElementById("elementID").style.fontVariant