HTML & CSS Wiki

READ MORE

HTML & CSS Wiki

The font-stretch property is used in CSS and certain HTML elements. It is used to change the shape of the font face.


Values[]

  • normal - Specifies a normal font face.
  • semi-condensed, condensed, extra-condensed, ultra-condensed - Specifies a font face more condensed than normal, with ultra-condensed as the most condensed.
  • semi-expanded, expanded, extra-expanded, ultra-expanded - Specifies a font face more expanded than normal, with ultra-expanded as the most expanded.
  • wider, narrower - Relative values. These values indicate values relative to the values of the parent element.


HTML example:

<span style="font-stretch:ultra-expanded;">Ultra expanded font.</span>

Ultra expanded font.


CSS example:

h1 {
    font-stretch:ultra-expanded;
}