Visit Mozilla.org

CSS:font-stretch

From MDC

« CSS Reference

[edit] Summary

The font-stretch property selects a normal, condensed, or extended face from a font family.

[edit] Syntax

With absolute keyword values
font-stretch: normal ;
font-stretch: [ultra-condensed | extra-condensed | condensed | semi-condensed] ;
font-stretch: [semi-expanded | expanded | extra-expanded | ultra-expanded] ;
With relative keyword values
font-stretch: [wider | narrower] ;

[edit] Values

normal
Specifies a normal font face.
semi-condensed, condensed, extra-condensed, ultra-condensed
Specifies a font face condensed than normal, with ultra-condensed as the most condensed.
semi-expanded, expanded, extra-expanded, ultra-expanded
Specifies a font face expanded than normal, with ultra-expanded as the most expanded.
wider
Relative keyword 'wider' sets the value of font face to the next expanded value above the inherited value. (but not expanded than ultra-expanded)
narrower
Relative keyword 'narrower' sets the value of font face to the next condensed value below the inherited value. (but not condensed than ultra-condensed)

[edit] Examples

View Live Examples (FIXME)

h1 { font-stretch: extra-expanded }
p { font-stretch: narrower}

[edit] Notes

WARNING: This CSS property is NOT YET IMPLEMENTED, see bug 3512 for latest status of the enhancement request.

[edit] Specifications

[edit] Browser compatibility

[edit] See also

font, font-family, font-size, font-size-adjust, font-stretch, font-style, font-variant, font-weight, @font-face