Search within TutorialsPark

CSS font-stretch Property


To select a normal, condensed or expanded font-face


Definition and Notes.

1. The CSS font-stretch property specifies the way the font-face can be stretched.the options are either normal, condensed or expanded

2. There are variations within these options as well with keywords semi, extra and ultra.


Syntax:

CSS font-stretch property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note-All the visual effects of narrower and wider font face can be created by the browser itself, no special version of the font required.

Property Values

Value Description
normal To specify a normal font-face
ultra-condensed The specify a font-face that is ultra-condensed, compared to normal.
extra-condensed The specify a font-face that is extra-condensed, compared to normal.
condensed The specify a font-face that is condensed, compared to normal
semi-condensed The specify a font-face that is semi-condensed, compared to normal
expanded The specify a font-face that is expanded, compared to normal
extra-expanded The specify a font-face that is extra-expanded, compared to normal
ultra-expanded The specify a font-face that is ultra-condensed, compared to normal.

Specifications

Specs Value
Name font-stretch
Value normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded
Initial Value Normal
Applies to All elements
Javascript syntax object.style.fontStretch="condensed"
Inherited Yes
Computed Value Same as declared Value.
Browser Support internetexplorer safari firefox opera chrome

Related Examples.