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 |
