Property Description
The font-stretch property allows specification of narrower or wider text.
This property has the following syntax:
font-stretch: ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit;
Property Values
Value | Description |
---|---|
normal | (default) Selects a normal font |
ultra-condensed
extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded |
Selects the condensation or expansion of the current font-family based on a scale.
Ultra-condensed is the narrowest value and ultra-expanded is the widest value. |
initial | Specifies that the value of the property should be set to the default value |
inherit | Specifies that the value of the property should be inherited from the parent element |
Examples
This example selects the extra-expanded font for all h1
elements.
h1 {
font-stretch: extra-expanded;
}
Browser Support
Chrome | Firefox | IE | Safari | Opera |
---|---|---|---|---|
Miscellaneous Information
Inherited: | Yes |
---|---|
Defined In: | CSS3 |
Default Value: | none |