CSS font-stretch ιδιότητα

Definition and usage

The font-stretch attribute can stretch and deform the current font-family.

See also:

CSS Tutorial:CSS γραμματοσειρά

CSS Reference Manual:CSS font ιδιότητα

HTML DOM Reference Manual:fontStretch attribute

Example

Set the font-stretch attribute of the HTML element:

h1
  
  font-stretch:ultra-condensed;

CSS syntax

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

Attribute value

Value Description
normal Default value. Set the scaling ratio to standard.
wider Set the expand ratio to a further expand value
narrower Set the shrink ratio to a further shrink value
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

Set the scaling ratio of font-family.

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

Technical details

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

Browser support

The numbers in the table indicate the first browser version that fully supports this attribute.

Chrome IE / Edge Firefox Safari Opera
48.0 9.0 9.0 11.0 35.0