CSS Reference
CSS Reference CSS Selectors CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Color Values CSS Color Names CSS Color HEX CSS3 Browser SupportCSS Properties
CSS3 font-stretch Property
Browser Support
None of the major browsers support the font-stretch property.
Definition and Usage
The font-stretch property allows you to make text wider or narrower.
| Default value: | none |
|---|---|
| Inherited: | yes |
| Version: | CSS3 |
| JavaScript syntax: | object.style.fontStretch="expanded" |
Syntax
font-stretch:
wider|narrower|ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|inherit;
| Value | Description |
|---|---|
| wider | Makes the text wider |
| narrower | Makes the text narrower |
| 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 |
| inherit | Inherits the font stretching from parent elements |
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
