Уникальное место! Здесь можно легко заработать реальные деньги.
К вашим услугам несколько методов заработка!
Просматривайте сайты, читайте письма рекламодателей, выполняйте несложные и интересные тесты и задания за вознаграждение.
Вы сможете получить свои первые деньги уже сразу после начала работы.
Кликайте по баннеру ниже и начинайте работать!

SEO sprint - Всё для максимальной раскрутки!

Главная » Все материалы сайта » Справочник CSS-3 » Шрифт

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

font-variant

Internet Explorer		Chrome	Opera	Safari	Firefox	Android	iOS
6.0+	8.0+	1.0+	3.5+	3.1+	1.0+	1.0+	1.0+

Краткая информация

Значение по умолчанию	normal
Наследуется	Да
Применяется	Ко всем элементам
Ссылка на спецификацию	http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant

Версии CSS

CSS 1	CSS 2	CSS 2.1	CSS 3

Описание

Определяет, как нужно представлять строчные буквы — оставить их без модификаций или делать их все прописными уменьшенного размера. Такой способ изменения символов называется капителью.

Синтаксис

font-variant: normal | small-caps | inherit

Значения

normal: Оставляет регистр символов исходным, заданным по умолчанию.
small-caps: Модифицирует все строчные символы как заглавные уменьшенного размера, как показано на рис. 1.
inherit: Наследует значение родителя

Рис. 1. Обычный текст и текст в виде капители

Дополнительные значения font-variant:

Значение	Описание
small-caps	Текст пишется капителью (прописными уменьшенного размера)
small-caps	Текст пишется капителью (прописными уменьшенного размера)
inherit	Наследует значение родителя

Пример применения свойства

<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство font-variant</title>
<style type="text/css">
<!--
p {
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:16px;
line-height:5px;
font-family:"Book Antiqua",arial;
}
-->
</style>
</head>
<body>
<center>
<p>Текст написан капителью</p>
</center>
<br>
</body>
</html>

Пример в действии

Объектная модель

[window.]document.getElementById("elementID").style.fontVariant

Браузеры

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit.

Источники: http://htmlbook.ru/ и http://delaisait.ucoz.ru/

Поделись ссылкой на эту страницу с друзьями:

Категория: Шрифт | Добавил: free20860soft (03.07.2013)

Просмотров: 915 | Рейтинг: 0.0/0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

font-variant

Краткая информация

Версии CSS

Описание

Синтаксис

Значения

Дополнительные значения font-variant:

Значение

Описание

Пример применения свойства

Пример в действии

Объектная модель

Браузеры