description & Usage

We use the font-stretch property to determine the narrowness or stretch of the text.

Informations

# Description
Default Value normal
Inherited yes
Animatable yes
Version CSS3
JavaScript syntax object.style.fontStretch="expanded"

Browser compatibility and Support

# Chrome Edge Firefox Safari Opera
font-stretch

Syntax

Values

Values Description
ultra-condensed Narrows the text according to the entered information.
extra-condensed Narrows the text according to the entered information.
condensed Narrows the text according to the entered information.
semi-condensed Narrows the text according to the entered information.
normal Default
semi-expanded Narrows the text according to the entered information.
expanded Makes the text thicker according to the entered information.
extra-expanded Makes the text thicker according to the entered information.
ultra-expanded Makes the text thicker according to the entered information.
initial Adds this value to its default property.
inherit It inherits this value from its parent tag.