CSS's font-stretch property is used to make text wider or narrower. This property is not supported by any font. It only works if the font family includes a width-variant face.
Syntax
Example
Property Values
Value
Description
ultra-condensed
This narrows the text to its utmost.
extra-condensed
This narrows the text more than condensed, but not as much as ultra-condensed.
condensed
This narrows the text more than semi-condensed, but not as much as extra-condensed.
semi-condensed
This narrows the text more than normal, but not as much as condensed.
normal
The default value. There is no font stretching.
semi-expanded
The text becomes wider than normal, but not as wide as expanded.
expanded
The text is wider than when semi-expanded, but not as wide as when extra-expanded.
extra-expanded
The text becomes wider than expanded, but not as wide as ultra-expanded.
ultra-expanded
The text is made as wide as it can be.
initial
This property is set to its default value.
inherit
This property is inherited from its parent element.