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 scukávat, takže se mohou překrývat. Doporučuji používat velmi malé hodnoty u letter-spacing, nejlépe okolo jednoho pixelu -- už to je vidět. 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ů).
Všude, pokud vím. Kromě Netscape 4.
Prohlížeč | Podpora ve verzích | Poznámka |
---|---|---|
4, 5, 5.5, 6 | ||
Mozilla (Netscape 6+) | všechny verze | |
Opera | 3, 4, 5, 6, 7 | |
Konqueror | ano | |
IE 5 / Mac | ano | |
Netscape Navigator 4 | ne |
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>
Word-spacing = mezislovní mezery
o tvorbě, údržbě a zlepšování internetových stránek