English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по CSS

CSS @правила (RULES)

Полный список свойств CSS

Метод использования и примеры для свойства font-stretch CSS3

Свойство font-stretch CSS выбирает обычный, сжатый или расширенный вид шрифта.

В таблице приведено описание использования и историю версий этого свойства, а также синтаксис использования в скриптах JavaScript.

Значение по умолчанию:normal
Применяется к:Все элементы. Также применяется к ::first-letter и ::first-line
Инheritance:Да
Анимировано:Да.См. также Анимационные свойства.
Версия: Новая функция CSS3
JavaScript синтаксис:объект.style.fontStretch="expanded"

Синтаксис использования font-stretch

Синтаксис этого свойства такой:

font-stretch: normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | initial | inherit

Ниже приведен пример того, как использовать свойство font-stretch.

p {
    font-family: Arial, Helvetica, sans-serif;
    font-stretch: condensed;
}
Проверьте, посмотрите‹/›

Значения свойств

Ниже в таблице описаны значения этого свойства.

ЗначениеОписание
normalУкажите обычный шрифт. Это значение по умолчанию.
ultra-condensedУкажите наиболее плотный шрифт.
extra-condensedУкажите второй наиболее сжатый шрифт.
condensedУкажите сжатый шрифт
semi-condensedУкажите слегка сжатый шрифт.
semi-expandedУкажите слегка расширяемый шрифт.
expandedУкажите расширяемый шрифт.
extra-expandedУкажите второй наиболее расширяемый шрифт.
ultra-expandedУкажите наиболее расширяемый шрифт.
initialУстановите этот атрибут в его значение по умолчанию.
inheritЕсли задан, то связанный элемент принимает значение свойства font-stretch родительского элемента.

Совместимость с браузерами

font-stretch не поддерживается большинством браузеров. Лучше всего избегать использования этого свойства.

  • Firefox 9+

  • Google Chrome×

  • Internet Explorer 9+

  • Apple Safari ×

  • Opera ×

Предупреждение:Внимание: font-stretch не поддерживается в браузерах Chrome, Safari и Opera. Лучше всего избегать использования этого свойства.

Для получения дополнительной информации

Пожалуйста, обратитесь к следующим учебникам:CSS шрифты,CSS единицы измерения,CSS псевдоэлементы.

Соответствующие свойства и правила:font,font-family,font-size,font-size-adjust,font-style,font-variant,font-weight,@font-face.