ExampleMake all div elements' text wider:
|
None of the major browsers support the font-stretch property.
The font-stretch property allows you make text wider or narrower.
Note: Only works for a font-family which has the specified font-stretch value.
Default value: | none |
---|---|
Inherited: | yes |
Version: | CSS3 |
JavaScript syntax: | object.style.fontStretch="expanded" |
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-condenses | 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 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 |