CSS kirjasin venytys ominaisuus

Määrittely ja käyttö

font-stretch-ominaisuus voi muokata nykyisen font-family:n venymistä ja supistumista.

Katso myös:

CSS -opas:CSS kirjasin

CSS -viittausopas:CSS kirjasin ominaisuus

HTML DOM -viittausopas:fontStretch-ominaisuus

Esimerkki

Aseta HTML-elementin font-stretch-ominaisuus:

h1
  {
  font-stretch:ultra-condensed;
  }

CSS-kieli

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

Ominaisuuden arvo

Arvo Kuvaus
normaali Oletusarvo. Aseta skaalakoko standardiksi.
leveämpi Aseta venyysprosentti vielä venyysarvoon.
kapeampi Aseta supistusprosentti vielä supistusarvoon.
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

Aseta font-family:n skaalakoko.

"ultra-condensed" on levein arvo, kun taas "ultra-expanded" on kapein arvo.

Tekninen yksityiskohta

Oletusarvo: normaali
Perinnäisyys: kyllä
Versio: CSS2
JavaScript-kieli: object.style.fontStretch="ultra-expanded"

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka täysin tukee tätä ominaisuutta.

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