CSS Property font-stretch
The CSS3 font-stretch property selects
a normal, condensed or expanded face from a font.
The font has to have a face that matches the value given.
Summary
- Initial value
- normal
- Inherited
- yes
- CSS Version
- CSS3
- JavaScript syntax
- object.style.fontStretch="expanded"
- Animatable
- yes
CSS Syntax
font-stretch: ultra-condensed|extra-condensed|condensed|
semi-condensed|normal|semi-expanded|expanded|
extra-expanded|ultra-expanded|initial|inherit;
Property Values
- ultra-condensed
- condense the text
- extra-condensed
- set the size between condensed and ultra-condensed
- condensed
- set the size between semi-condensed and extra-condensed
- semi-condensed
- set the size between normal and condensed
- normal
- Default value. No font stretching
- semi-expanded
- set the size between normal and expanded
- expanded
- set the size between semi-expanded and extra-expanded
- extra-expanded
- set the size between expanded and ultra-expanded
- ultra-expanded
- set the text as wide as it gets
- initial
- sets to default value
- inherit
- Inherits this property from its parent element
Browser compatibility
 |
 |
 |
 |
 |
|
|---|---|---|---|---|---|
font-stretch |
No | 9.0 | 9.0 | Yes | Yes |