Меню сайта
    • Free Soft по категориям
    • Клипарт
    • Справочник HTML тегов
    • Справочник CSS
    • Телевидение online
    • Потоковые радиостанции
    • Сборник mp3
    • Информация о сайте
    • Гостевая книга
    • Обратная связь
    • Видео
    • Каталог всех материалов сайта
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Приработок в интернете!
  • Уникальное место! Здесь можно легко заработать реальные деньги.
  • К вашим услугам несколько методов заработка!
  • Просматривайте сайты, читайте письма рекламодателей, выполняйте несложные и интересные тесты и задания за вознаграждение.
  • Вы сможете получить свои первые деньги уже сразу после начала работы.
  • Кликайте по баннеру ниже и начинайте работать!
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: inherit | ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded

Значения

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

Вид букв при разных значениях font-stretch
Рис. 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/
Поделись ссылкой на эту страницу с друзьями:
  • 1
  • 2
  • 3
  • 4
  • 5
Категория: Шрифт | Добавил: free20860soft (01.07.2013)
Просмотров: 653 | Рейтинг: 0.0/0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
343434
Ты не поверишь!
Категории раздела
Введение [1]
Позиционирование [11]
Размеры [6]
Псевдоэлементы [7]
Псевдоклассы [30]
Углы [5]
Таблицы [5]
Шрифт [7]
Поля [5]
Списки [4]
Отступы [5]
Контент [4]
Трансформация [6]
@-правила [5]
Границы [21]
Переходы [0]
Тени [0]
Текст [0]
Интерфейс [0]
Фон [0]
Анимация [0]
Контуры [0]
Печать [0]
Колонки [0]
Типы значений [0]
Вендорные префиксы [0]
Слушаем радио online!
  • Плей-лист станций
Плеер mp3!
  • Плей-лист mp3 плеера
Поиск
Друзья сайта
  • Программы, драйвера...
  • Программы по оптимизации и для ускорения работы

Наш баннер для обмена

Яндекс.Метрика Правильный CSS!
Desing by Курий Е.В. | | Copyright evkuriy © 2025