font-stretch Description:
The font-stretch property selects a normal, condensed or extended form variation from a font family.
font-stretch in CSS Versions:
font-stretch Syntax:
font-stretch: normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | initial | inherit
The keywords have the following ordering, from narrowest to widest:
- ultra-condensed
- extra-condensed
- condensed
- semi-condensed
- normal
- semi-expanded
- expanded
- extra-expanded
- ultra-expanded
The keywords wider and narrower tell the user agent to use a font family that is one step wider or narrower than the parent element.
font-stretch Initial Value:
normal
font-stretch Applies To:
All elements.
font-stretch Inheritance:
This property is inherited.
font-stretch Browser Support:
None
font-stretch Example:
<p style="font-family: Arial;">This is Arial <span style="font-stretch:narrower;">And this is narrower Arial.</span></p>
font-stretch Special Notes:
- Not all font families contain condensed or expanded faces.
