De font-stretcheigenschap, geïntroduceerd in CSS3, selecteert een normaal, verkort of uitgebreid gezicht uit een lettertype.
Om font-stretcheen bepaald resultaat te kunnen gebruiken en zien, moet het lettertype dat wordt gebruikt een gezicht hebben dat overeenkomt met de opgegeven waarde. Met andere woorden, font-stretchwerkt niet voor zomaar elk lettertype, maar alleen voor lettertypen die zijn ontworpen met verschillende gezichten die overeenkomen met de gedefinieerde formaten.
p ( font-stretch: ultra-condensed; )font-stretch accepteert een van de volgende waarden:
ultra-condensedextra-condensedcondensedsemi-condensednormalsemi-expandedexpandedextra-expandedultra-expanded
Als een bepaald lettertype niet alle gezichten heeft, wordt elke gebruikte waarde toegewezen aan het dichtstbijzijnde equivalente gezicht. Normale of gecomprimeerde waarden worden toegewezen aan een smaller lettertype en uitgebreide waarden worden toegewezen aan een breder vlak, of anders het dichtstbijzijnde smallere vlak.
Bij ondersteunende browsers, font-stretchkan worden gebruikt als onderdeel van de fontsteno-eigenschap.
Browser-ondersteuning
| Chrome | Safari | Firefox | Opera | D.W.Z | Android | iOS |
|---|---|---|---|---|---|---|
| geen | geen | 9+ | geen | 9+ | geen | geen |