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ć:
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 |