CSS3 font-stretchProperty


Example

Make the text of all div elements wider:

div
{
font-stretch: expanded;
}

Try it Yourself »

Browser Support

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Currently, no mainstream browser supports the font-stretch property.


Property Definition and Usage Instructions

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 Make the text wider
narrower makes text narrow
ultra-condensed Makes the text as narrow as possible.
extra-condensed Specifies a font with the second greatest degree of condensation.
condensed Specifies a font with the second greatest degree of slight condensation.
semi-condensed Specifies a slightly condensed font.
normal Specifies that the font is neither condensed nor expanded.
semi-expanded Specifies a slightly expanded font.
expanded Specify the expanded font
extra-expanded Specifies a font with the second greatest degree of expansion.
ultra-expanded Specifies a font with the greatest degree of expansion.
inherit Specifies that the property uses the same computed value as that of the element's parent.
other extensions