CSS3 Examples

CSS FONT-STRETCH

Written by jon on 7:37 AM The font-stretch property is used to expand or contract (condense) the horizontal width of the font. The change is relative to the normal width of the font as displayed by the browser.

narrower
The narrower value contracts the font to the next smaller width.

wider
The wider value expands the font to the next larger width. The order descends from narrowest to widest in value. The normal value is the normal width of the font as displayed by the browser.

Example

h2 {font-stretch: ultra-condensed}

Possible Values

Value Description normal Sets the scale of condensation or expansion to normal wider Sets the scale of expansion to the next expanded value narrower Sets the scale of condensation to the next condensed value ultra-condensed extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded Sets the scale of condensation or expansion of the font-family. “ultra-condensed” is the most condensed (narrowest) value, and “ultra-expanded” is the most expanded (widest) value