Sifat font-stretch CSS

Definisi dan penggunaan

Ciri font-stretch boleh mengubah bentuk ekspansi dan kontraksi font-family semasa.

Lihat juga:

Panduan pelajaran CSS:Font CSS

Panduan rujukan CSS:Sifat font CSS

Panduan DOM HTML:Ciri fontStretch

Contoh

Tetapkan ciri font-stretch bagi elemen HTML:

h1
  {
  font-stretch:ultra-condensed;
  }

Rujukan sintaksis CSS

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

Nilai ciri

Nilai Penerangan
normal Nilai lalai. Tetapkan skala kepada standar.
lebar Tetapkan kadar perpanjangan kepada nilai perpanjangan yang lebih mendalam.
lebar Tetapkan kadar pengurangan kepada nilai pengurangan yang lebih mendalam.
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

Tetapkan skala font-family.

"ultra-condensed" adalah nilai yang paling lebar, sementara "ultra-expanded" adalah nilai yang paling sempit.

Butiran teknikal

Nilai lalai: normal
Inheritsi: ya
Versi: CSS2
Rujukan sintaksis JavaScript: object.style.fontStretch="ultra-expanded"

Dukungan pemeroleh

Nombor di dalam tabel menunjukkan versi pemeroleh penuh ciri ini pertama.

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