Betűköz

Letter-spacing tulajdonság

A letter-spacing tulajdonság a szöveg karakterei közti távolságot határozza meg.

Érték Leírás
normal a fonthoz tartozó alapértelmezett betűközök használata
hossz a karakterek közötti távolság az alapértelmezetten túl. A megadott értékek negatívak is lehetnek

Ez a tulajdonság jól alkalmazható, ha ritkított szöveget szeretnénk létrehozni. Ezt elsősorban kiemelés céljára szokták alkalmazni. Túlzásokba ne essünk, mert megbontja a szöveg folthatását.

Példa 1 - Betűköz

A forráskód részlet:

<p style="letter-spacing: normal;">
   Ez egy normal betűközzel megjelenő szöveg.
</p>
<p style="letter-spacing: 0.3em;">
   Ez egy 0.3em betűközzel megjelenő szöveg.
</p>
<p style="letter-spacing: 150%;">
   Ez egy 150% betűközzel megjelenő szöveg.
</p>
<p style="letter-spacing: -1px;">
   Ez egy -1px betűközzel megjelenő szöveg.
</p>
<p style="letter-spacing: -3px;">
   Ez egy -3px betűközzel megjelenő szöveg.
</p>

Az eredmény:

Ez egy normal betűközzel megjelenő szöveg.

Ez egy 0.3em betűközzel megjelenő szöveg.

Ez egy 150% betűközzel megjelenő szöveg.

Ez egy -1px betűközzel megjelenő szöveg.

Ez egy -3px betűközzel megjelenő szöveg.


Azt hiszem, hogy a negatív értékek megadásánál körültekintőem kell eljárni, mert mint a Példa utolsó sora is mutatja, az nem mindig hoz olvasható eredményt (vigyázzunk a különböző felbontásokra).
Jót tehet a kisméretű ritkítás a kiskapitális betűk használatakor, sötét háttéren és ...

ugrás a lap tetejére