Rozciągnięcie czcionki {font-stretch}
W jaki sposób rozciągnąć lub ścieśnić czcionkę?
selektor { font-stretch: rozciąg }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.
Aby efekt działania font-stretch był widoczny, wybrany rodzaj czcionki musi wspierać taką opcję. Podstawowe czcionki wbudowane w popularne systemy operacyjne często tego nie obsługują.
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
Jeśli powyżej nie widzisz żadnej różnicy, prawdopodobnie użyta czcionka nie wspiera font-stretch.
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 |






