CSS3 font-stretch Property

Example

Make all div elements' text wider:

div
{
font-stretch: expanded;
}

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

None of the major browsers support the font-stretch property.


Definition and Usage

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"


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-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