Specifies a value that indicates a normal, condensed, or expanded face of a font family.
font-stretch: normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit
Default. Indicates the face is neither condensed nor expanded.
Indicates a wider value relative to the width of the parent element.
Indicates a narrower value relative to the width of the parent element.
Indicates the most condensed font face.
Indicates the second most condensed font face.
Indicates a condensed font face.
Indicates a slightly condensed font face.
Indicates a slightly expanded font face.
Indicates an expanded font face.
Indicates the second most expanded font face.
Indicates the most expanded font face.
Indicates that the property takes the same computed value as the property for the element's parent.
|Applies To||All elements|
- Scalable Vector Graphics: Text, Section 10.10
Absolute keyword values have the following order, from narrowest to widest:
- Ultra condensed
- Extra condensed
- Semi condensed
- Semi expanded
- Extra expanded
- Ultra expanded
The scale is relative, so a font face that has a font-stretch value higher in the previous list above should never appear wider. When a font face does not exist for a given width, normal or condensed values map to a narrower font face. Otherwise, they map to a wider font face. Conversely, expanded values map to a wider font face; otherwise, a narrower face.
Build date: 11/16/2013