CSS lettertype-strekking eigenschap

Definitie en gebruik

De font-stretch-eigenschap kan de huidige font-family vermenigvuldigen of verkleinen.

Zie ook:

CSS handleiding:CSS letteren

CSS referentiemanual:CSS lettertype eigenschap

HTML DOM referentiemanual:fontStretch-eigenschap

Voorbeeld

Stel de font-stretch-eigenschap in voor HTML-elementen:

h1
  {
  font-stretch:ultra-condensed;
  }

CSS syntaxis

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

Eigenschapswaarde

Waarde Beschrijving
normaal Standaardwaarde. Stel de schaalverhouding in op standaard.
breeder Stel de uitbreidingsverhouding in op een verdere uitbreidingswaarde.
smalder Stel de contractverhouding in op een verdere contractwaarde.
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

Stel de schaalverhouding van font-family in.

"ultra-condensed" is de breedste waarde, terwijl "ultra-expanded" de smalste waarde is.

Technische details

Standaardwaarde: normaal
Inheritantie: ja
Versie: CSS2
JavaScript syntaxis: object.style.fontStretch="ultra-expanded"

browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

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