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

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

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

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

font-stretch

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
9.0+				9.0+

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

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

Версии CSS

CSS 1	CSS 2	CSS 2.1	CSS 3

Описание

Устанавливает узкое, нормальное или широкое начертание шрифта, что позволяет уплотнять или расширять текст.

Синтаксис

Значения

Влияние разных значений font-stretch на вид букв в тексте показано на рис. 1.

Рис. 1. Вид букв при разных значениях font-stretch

Пример

HTML5CSS3IE 9CrOpSaFx

<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>font-stretch</title>
 <style>
 p {
 font-size: 5em;
 font-family: 'Myriad Pro';
 }
 </style>
 </head>
 <body>
 <p>
 <span style="font-stretch: ultra-condensed">Б</span>
 <span style="font-stretch: extra-condensed">Б</span>
 <span style="font-stretch: condensed">Б</span>
 <span style="font-stretch: semi-condensed">Б</span>
 <span style="font-stretch: normal">Б</span>
 <span style="font-stretch: semi-expanded">Б</span>
 <span style="font-stretch: expanded">Б</span>
 <span style="font-stretch: extra-expanded">Б</span>
 <span style="font-stretch: ultra-expanded">Б</span>
 </p>
 </body>
</html>

Браузеры

Браузеры применяют свойство font-stretch не ко всем шрифтам, поэтому уплотнение или расширение текста может не работать с некоторыми популярными и распространёнными гарнитурами шрифтов.

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

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

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

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

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