Przejdź do treści

Rozciągnięcie czcionki {font-stretch}

W jaki sposób rozciągnąć lub ścieśnić czcionkę?

selektor { font-stretch: rozciąg }
Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów].

Natomiast jako "rozciąg" należy wpisać:
  • ultra-condensed - najbardziej ścieśniona
  • extra-condensed
  • condensed - ścieśniona
  • semi-condensed
  • normal - czcionka normalna (podstawowa)
  • semi-expanded
  • expanded - rozciągnięta
  • extra-expanded
  • ultra-expanded - najbardziej rozciągnięta

Polecenie pozwala ustalić poziome rozciągnięcie czcionki na ekranie. Tekst rozciągnięty będzie zajmował więcej miejsca w linii, natomiast ściśnięty - mniej.

UWAGA! Polecenie wchodzi w skład CSS 2.0, ale nie CSS 2.1

Przykład {font-stretch}

rozciągnięcie ultra-condensed

rozciągnięcie extra-condensed

rozciągnięcie condensed

rozciągnięcie semi-condensed

rozciągnięcie normal

rozciągnięcie semi-expanded

rozciągnięcie expanded

rozciągnięcie extra-expanded

rozciągnięcie ultra-expanded

Niestety przeglądarki nie interpretują tego polecenia, więc prawdopodobnie nie zauważysz żadnego efektu.

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
font-stretch: wartość60
2017-07-25
9
2011-12-20
12
2015-07-29
47
2017-08-09
11
2017-09-19

Komentarze

Zobacz więcej komentarzy

Facebook