Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

CSS font-stretch property


May 05, 2021 CSS Reference Manual


Table of contents


Set the font-stretch property for HTML elements:

h1
  {
  font-stretch:ultra-condensed;
  }

Browser support

Ie Firefox Chrome Safari Opera

Font-stretch properties are not supported by all major browsers.

Definitions and usages

The font-stretch property scales and deforms the current font-family.

Default: normal
Inheritance: yes
Version: CSS2
JavaScript syntax: object .style.fontStretch="ultra-expanded"

Possible values

Value Describe
normal The default. Set the scale to standard.
wider Set the stretch scale to a further stretch value
narrower Set the shrinkage ratio to a further shrinkage value
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

Set the scale of font-family.

"ultra-expanded" is the widest value, while "ultra-expanded" is the narrowest value.

Related pages

CSS tutorial: CSS font

CSS Reference Manual: CSS font property