The font-stretch property in CSS is used to set the text wider or narrower. This property is not working any font. Its only work when font family has a width-variant face.
font-stretch: normal|ultra-condensed|extra-condensed|condensed| semi-condensed|semi-expanded|expanded|extra-expanded|ultra-expanded;
- normal: It is the default font face. It does not stretch the font.
- ultra-condensed: It is used to specify font face more condensed than normal.
- extra-condensed: It is used to set text narrower then normal and not narrower then ultra-condensed.
- condensed: It is used to set text narrower then semi-condensed and not narrower then extra-condensed.
- semi-condensed: It is used to set text narrower then normal and not narrower then semi-condensed.
- semi-expanded: It is used to set text wider than normal, but not wider then expanded.
- expanded: It is used to set text wider than semi-expended, but not wider then extra-expanded.
- extra-expanded: It is used to set text wider than expended, but not wider then ultra-expanded.
- ultra-expanded: It is used to set text wider than ultra-expended.
Note: This property will not work on any font.
Supported Browsers: The browser supported by font-stretch property are listed below:
- Google Chrome 48.0
- Internet Explorer 9.0
- Firefox 9.0
- Opera 35.0
- Safari 11.0
- CSS | transition-property Property
- CSS | nav-right property
- CSS | nav-down property
- CSS | top Property
- CSS | right Property
- CSS | all Property
- CSS border Property
- CSS | columns Property
- CSS | align-self Property
- Web API | DOMRectReadOnly y property
- CSS | flex Property
- CSS | resize Property
- CSS | bleed property
- CSS | grid-gap Property
- CSS | grid-row Property
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to email@example.com. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.