CSS vlastnost line-height urΦuje v²╣ku °ßdku.
| hodnoty | v²╣ka °ßdku |
|---|---|
| normal | v²╣ka °ßdku bude normßlnφ - tak vysokß, jak je nejvy╣╣φ prvek na °ßdku |
| dΘlka | v²╣ka °ßdku nastavenß napevno, nejΦast∞ji v pixelech |
| procento | procento normßlnφ v²╣ky, nap°. line-height: 150% |
| Φφslo | nßsobek normßlnφ v²╣ky, nap°. line-height: 1.5 |
Velkß v²╣ka °ßdku je perfektnφ zp∙sob, jak zv²╣it Φitelnost textu. U b∞╛nΘho textu doporuΦuji zadßvat minimßln∞ line-height: 130% (totΘ╛, co line-height: 1.3), ale klidn∞ i vφc. Hodnota zadßvanß nßsobkem nebo procenty se odvozuje od velikosti textu (vlastnost font-size).
Vlastnost line-height se velmi Φasto pou╛ije ve webdesignu namφsto hodnoty height. Pro urΦitß menu, seznamy, odkazy, je toti╛ univerzßln∞j╣φ, proto╛e se vztahuje i na °ßdkovΘ elementy (kde╛to v²╣ka height jenom na blokovΘ).
Hodnotu pro line-height lze zadat takΘ pomocφ vlastnosti font (za lomφtkem za velikostφ textu).
| Prohlφ╛eΦ | Podpora ve verzφch | Poznßmka |
|---|---|---|
| 3, 4, 5, 5.5, 6 | ve velmi slo╛it²ch konstrukcφch (obtΘkßnφ + pozadφ) zp∙sobuje zmizenφ textu | |
| Mozilla (Netscape 6+) | v╣echny verze | |
| Opera | 3, 4, 5, 6, 7 | |
| Konqueror | ano | |
| IE 5 / Mac | ano | |
| Netscape Navigator 4 | ano | nastavenφ line-height skryje p°φpadnΘ obtΘkanΘ obrßzky |
Asi nejΦast∞ji se nastavenφ v²╣ky °ßdku pou╛ije u odstavc∙ textu (tag <p>). Nastavenφ pro v╣echny odstavce ve strßnce:
<style>
p {line-height: 150%}
</style>
Stejn∞ p∙sobφ zßpis line-height: 1.5 a ve v∞t╣in∞ p°φpad∙ je to myslφm totΘ╛ jako line-height: 1.5em.
Kdybych cht∞l vertikßln∞ prostrkat jenom n∞kterΘ odstavce ve strßnce, je dobrΘ ud∞lat si na to t°φdu (class="prostrkana"):
<style>
.prostrkana {line-height: 2}
</style>
takovΘmu zv²╣enφ °ßdku na dvojnßsobek se °φkß tisk "ob °ßdek". Do html by se to zadalo pomocφ atributu class:
<p class="prostrkana">Text tohoto odstavce bude mφt velmi vysokΘ °ßdky</p>
Vlasntost line-heigh se velmi Φasto hodφ jako nßhrada za vlastnost height (v²╣ka), pokud tato z n∞jak²ch (zpravidla magick²ch) d∙vod∙ nefunguje. Zapi╣te si to za u╣i, urΦit∞ se s tφm setkßte u nadpis∙ a velmi nφzk²ch prvk∙.
Font-size = v²╣ka textu, Height = v²╣ka prvku, Vertical-align = vertikßlnφ umφst∞nφ na °ßdku, Font = v╣echny vlastnosti pφsma
o tvorb∞, ·dr╛b∞ a zlep╣ovßnφ internetov²ch strßnek