CSS font stretch Property
CSS font-stretch Property
The font-stretch property is used to make text narrower/condensed or wider/expanded. It is a property that is offered by many fonts. If the font does not offer a narrower/wider effect then this property is useless.
Its default value is normal.
Its syntax is:- font-stretch: ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded | initial | inherit;
|ultra-condensed||Makes the text as narrow as it gets|
|extra-condensed||Makes the text narrower than condensed, but not as narrow as ultra-condensed|
|condensed||Makes the text narrower than semi-condensed, but not as narrow as extra-condensed|
|semi-condensed||Makes the text narrower than normal, but not as narrow as condensed|
|normal||Default value. No font stretching|
|semi-expanded||Makes the text wider than normal, but not as wide as expanded|
|expanded||Makes the text wider than semi-expanded, but not as wide as extra-expanded|
|extra-expanded||Makes the text wider than expanded, but not as wide as ultra-expanded|
|ultra-expanded||Makes the text as wide as it gets|
|initial||Sets this property to its default value.|
|inherit||Inherits this property from its parent element.|