CSS yazı-çapı-geriş özelliği

Tanım ve kullanım

font-stretch özelliği, mevcut font-family'yi genişletme veya daraltma yapabilir.

Ayrıca bakınız:

CSS eğitim:CSS yazı tipi

CSS referans el kitabı:CSS yazı özelliği

HTML DOM referans el kitabı:fontStretch özelliği

örnek

HTML elementinin font-stretch özelliğini ayarlar:

h1
  {
  font-stretch:ultra-condensed;
  }

CSS dilbilgisi

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

Özellik değeri

Değer Açıklama
normal Öntanımlı değer. Ölçek oranını standart olarak ayarlar.
geniş Genişletme oranını daha fazla genişletme değeri olarak ayarlar.
dar Daraltma oranını daha fazla daraltma değeri olarak ayarlar.
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

font-family'nin ölçek oranını ayarlar.

"ultra-condensed" en geniş değeri, "ultra-expanded" ise en dar değeri olup.

Teknik ayrıntılar

Öntanımlı değer: normal
Devralabilirlik: evet
Sürüm: CSS2
JavaScript dilbilgisi: object.style.fontStretch="ultra-expanded"

tarayıcı desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

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