Kalkulátor výšky řádku
Kalkulačka výšky řádku doporučí výšku řádku, prostrkání písma a ideální maximální šířku odstavce pro danou velikost písma a použití — běžný text, nadpisy, popisky UI nebo display písmo — s živým náhledem a výstupem CSS.
O tomto nástroji
Kalkulačka výšky řádku doporučí výšku řádku, prostrkání písma a ideální maximální šířku odstavce pro danou velikost písma a použití — běžný text, nadpisy, popisky UI nebo display písmo — s živým náhledem a výstupem CSS.
Jak ho použít
- Zadej velikost písma v pixelech.
- Zvol styl: běžný text, nadpis, popisek UI nebo display.
- Zkontroluj ukázkový odstavec a čtyři doporučené hodnoty.
- Klikni na Kopírovat CSS a přenes hodnoty do svého stylesheetu.
Dobré vědět
- Běžný text se pohodlně čte s výškou řádku asi 1.5–1.6násobku velikosti písma.
- Velké nadpisy a display písmo vypadají lépe s těsnější výškou řádku, zhruba 1.05–1.2.
- Čitelná délka řádku je zhruba 45–75 znaků.
- WCAG 1.4.12 vyžaduje, aby obsah fungoval i tehdy, když si uživatel nastaví výšku řádku 1.5 a prostrkání písma 0.12 em.
- Hodnoty line-height bez jednotky (například 1.6) se přizpůsobují velikosti písma každého prvku.
Běží celý ve vašem prohlížeči — nic, co zadáte, se nenahrává ani neukládá.
Časté dotazy
Jaká je dobrá výška řádku pro běžný text?
Kolem 1.5 až 1.6násobku velikosti písma. U textu 16 px je to zhruba 24–26 px.
Mají mít nadpisy menší výšku řádku?
Ano. Velký text potřebuje relativně menší rozestup, takže nadpisy obvykle používají 1.1–1.3 a display text ještě méně.
Jaká je ideální délka řádku pro čtení?
Zhruba 45–75 znaků na řádek, přičemž jako ideál pro běžný text se často uvádí asi 65.
Mám v CSS používat line-height bez jednotky?
Většinou ano. Hodnota bez jednotky jako 1.6 se dědí jako poměr, takže podřízené prvky s jinou velikostí písma si zachovají úměrné rozestupy.