Letter-spacing
CSS vlastnost letter-spacing určuje mezery mezi písmeny.
| hodnoty | rozestupy mezi písmeny |
|---|---|
| délka | písmenka budou mít mezery mezi sebou zvětšené o délku |
| normal | text bude normální |
Také se tomu říká prostrkání. Zvětšení rozestupů mezi písmenky je docela dobrý efekt na zvýraznění nebo obměnu textu. Kupříkladu v českých knihách vydaných za první republiky se používalo prostrkání všude tam, kde se dnes používá písmo tučné. Zápornými hodnotami letter-spacing lze písmenka i smrskávat, takže se mohou překrývat.
Doporučuji k prostrkávání používat velmi malé hodnoty u letter-spacing, nejlépe okolo jednoho pixelu -- už to je vidět. Nebo raději méně (třeba .2px). U nadpisů a velkých textů si občas lze dovolit i víc.
Na psacích strojích bylo zvykem některé texty zvýrazňovat prostrkáním tak, že po každém písmenu následovala mezera. Občas se takové texty najdou i na webu. Je to prasárna dělat to mezerami, když to jde pomocí letter-spacing. Problémy s "vymezerovanými" texty vyvstanou zejména při automatickém zpracovávání textu.
Podobný efekt jako prostrkání dělá tzv. kerning. Jde o způsob optického vyrovnání textu. Sice přidává taky mezery mezi písmena, ale třeba mezi dvojici písmen HE dá mnohem větší mezeru než mezi dvojici LA. Kerning se v HTML ani v CSS udělat nedá (ve Wordu ano, tam se to jmenuje Vyrovnání písma nad x pixelů).
Podpora
Všude, pokud vím.
| Prohlížeč | Podpora ve verzích | Poznámka |
|---|---|---|
|
Internet Explorer |
všechny verze | |
| Firefox | všechny verze | |
| Opera, Chrome | všechny verze |
Občas se mi stalo, že pokud jsem neuvedl <!doctype>, tak se letter-spacing nedědil do tabulky.
Příklady
Dá se třeba nastavit, že všechny tučné texty zadané tagem <b> budou prostrkané, aby se písmo opticky odlehčilo:
<style>
b {letter-spacing: 1px}
</style>
Pro osamělé nápisy je možné použít přímý styl:
<span style="font-style: bold; font-varian: small-caps; letter-spacing: 2px; font-size: 28px">Velmi efektní nápis</span>
Velmi efektní nápis
Reklama
