Atrybut font-stretch w CSS

Definicja i zastosowanie

Atrybut font-stretch może zmieniać formę rozciągania bieżącej font-family.

Zobacz również:

Tutorial CSS:Czcionki CSS

Podręcznik CSS:Atrybut font w CSS

Podręcznik HTML DOM:Atrybut fontStretch

Przykład

Ustawienie atrybutu font-stretch elementu HTML:

h1
  {
  font-stretch:ultra-condensed;
  }

Gramatyka CSS

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

Wartość atrybutu

Wartość Opis
normal Domyślna wartość. Ustawia skalę na standard.
szerzej Ustawia proporcję rozszerzenia na dalszy stopień rozszerzenia
cieńszy Ustawia proporcję zwężenia na dalszy stopień zwężenia
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

Ustawia skalę font-family.

"ultra-condensed" jest najszerszą wartością, a "ultra-expanded" jest najwęższą wartością.

Szczegółowe informacje techniczne

Domyślna wartość: normal
Inheredność: yes
Wersja: CSS2
Gramatyka JavaScript: object.style.fontStretch="ultra-expanded"

Współczynnik obsługi przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

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