CSS font-stretch Eigenschaft

Definition und Verwendung

Das font-stretch-Attribut kann die Elastizität und Deformation der aktuellen font-family beeinflussen.

Siehe auch:

CSS Tutorial:CSS Schriftart

CSS Referenzhandbuch:CSS font Eigenschaft

HTML DOM Referenzhandbuch:fontStretch-Attribut

Beispiel

Setzen Sie das font-stretch-Attribut des HTML-Elements:

h1
  {
  font-stretch:ultra-condensed;
  }

CSS-Syntax

font-stretch: ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit;

Eigenschaftswert

Wert Beschreibung
normal Standardwert. Setzen Sie das Skalierungsfaktor auf Standard.
breiter Setzen Sie den Erweiterungswert auf einen weiteren Erweiterungswert.
schmaler Setzen Sie den Kontrastwert auf einen weiteren Kontrastwert.
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

Setzen Sie das Skalierungsfaktor von font-family.

"ultra-condensed" ist der breiteste Wert, während "ultra-expanded" der schmalste Wert ist.

Technische Details

Standardwert: normal
Vererbbarkeit: ja
Version: CSS2
JavaScript-Syntax: object.style.fontStretch="ultra-expanded"

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die diese Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
48.0 9.0 9.0 11.0 35.0