CSS font-stretch egenskap

Definition och användning

font-stretch-egenskapen kan användas för att deforma den aktuella font-familyen.

Se också:

CSS-tutorial:CSS teckensnitt

CSS referenshandbok:CSS font egenskap

HTML DOM referenshandbok:fontStretch-egenskapen

Exempel

Ställ in font-stretch-egenskapen för HTML-element:

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;

Egenskapsvärde

Värde Beskrivning
normal Standardvärde. Sätt skalningen till standard.
bredare Sätt utrullningsförhållandet till ett ytterligare utrullningsvärde.
smalare Sätt inåtrullningsförhållandet till en ytterligare inskrivningsvärde.
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

Ställ in skalningen för font-family.

"ultra-condensed" är den bredaste värdet, medan "ultra-expanded" är det smalaste värdet.

Tekniska detaljer

Standardvärde: normal
Arv: ja
Version: CSS2
JavaScript-syntax: object.style.fontStretch="ultra-expanded"

Webbläsarstöd

Talen i tabellen anger den första webbläsare som helt stöder detta egenskap.

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