Betű keskenyítése, szélesítése

A font-strech tulajdonság

A font-strech tulajdonság szűkíti vagy szélesíti a jelenlegi fontcsaládot. A szűkítés vagy szélesítés csak vízszintes irányban hajtódik végre.
A lehetséges értékek:

Érték Leírás
normal A szűkítést vagy szélesítést normálisra állítja be.
wider A szélesítést a következő értékre állítja be.
narrower A szűkítést a következő értékre állítja be.
ultra-condensed
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded
inherit
A megadott jelleggel szűkít vagy szélesít. Az "ultra-condensed" a legszűkebb, "ultra-expanded" pedig a legszélesebb értéket állítja be.
Öröklődés: Igen

Példa - font-stretch használata

A forráskód részlet:

<p style="font-stretch: ultra-condensed;">
  Ez a szöveg ultra-condensed értékkel készült.</p>
<p style="font-stretch: normal;">
  Ez a szöveg normal értékkel készült (alapértelmezés).</p>
<p style="font-stretch: ultra-expanded;">
  Ez a szöveg ultra-expanded értékkel készült.</p>

Az eredmény:

Ez a szöveg ultra-condensed értékkel készült.

Ez a szöveg normal értékkel készült (alapértelmezés).

Ez a szöveg eggyel szélesebb, mint az előző.

Ez a szöveg ultra-expanded értékkel készült.

A font-weight-hez hasonlóan itt is csak a rendelkezésre álló értékeket tudjuk felhasználni, a böngésző nem állítja elő a többi betűformát. Ha nincs a gépünkön ilyen, akkor nem is működik. Megkockáztatom, hogy a hasznossága is hasonló.

ugrás a lap tetejére