CSS font-stretch Eigenschaft

Definition und Verwendung

Das font-stretch-Attribut kann die Elastizität der aktuellen font-family verändern.

Weitere Informationen:

CSS Tutorial:CSS Schriftart

CSS Referenzhandbuch:CSS font Eigenschaft

HTML DOM Referenzhandbuch:fontStretch-Attribut

Beispiel

Stellen Sie das font-stretch-Attribut des HTML-Elements ein:

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 Skalierungsverhältnis auf den Standard.
breiter Setzen Sie den Ausdehnungswert auf einen weiter gestreckten Wert.
schmaler Setzen Sie den Kontrastwert auf einen weiter zusammengeklumpten Wert.
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

Setzen Sie das Skalierungsverhältnis der 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