font-stretch

Summary

Allows you to expand or condense the widths for a normal, condensed, or expanded font face.

Overview table

Initial value: normal
Applies to: All elements
Inherited: Yes
Media: visual
Computed value: as specified
Animatable: No

CSS Object Model Property
:

Syntax

font-stretch: condensed
font-stretch: expanded
font-stretch: extra-condensed
font-stretch: extra-expanded
font-stretch: narrower (Internet Explorer only)
font-stretch: normal
font-stretch: semi-condensed
font-stretch: semi-expanded
font-stretch: ultra-condensed
font-stretch: ultra-expanded
font-stretch: wider (Internet Explorer only)

Values

ultra-condensed: This is the most condensed setting.
extra-condensed: This is the second most condensed setting.
condensed: Some font faces incorporate a condensed option, this is the equivalent of that setting.
semi-condensed: This is the least condensed setting.
normal: This is the default setting.
semi-expanded: This is the least expanded setting.
expanded: Some font faces incorporate an expanded option, this is the equivalent of that setting.
extra-expanded: This is the second most expanded setting.
ultra-expanded: This is the most expanded setting.
wider (Internet Explorer only): This expands the font face in Internet Explorer only.
narrower (Internet Explorer only): This condenses the font face in Internet Explorer only.

Examples

.ultra-condensed{
    font-stretch:ultra-condensed;
    }
.condensed{
    font-stretch:condensed;
    }
.normal{
    font-stretch:normal;
    }
.expanded{
    font-stretch:expanded;
    }
.ultra-expanded{
    font-stretch:ultra-expanded;
    }

View live example

Syntax

Standards information

Scalable Vector Graphics: Text, Section 10.10

Attributions

Microsoft Developer Network: [Windows Internet Explorer API reference Article]

font-stretch

Summary

Overview table

Syntax

Values

Examples

Syntax

Standards information

See also

Related articles

Fonts

Related pages

Attributions