Medziriadkový interval v CSS
Poďme sa teraz naučiť nastaviť medziriadkový
interval textu. Pod medziriadkovým intervalom
sa rozumie vzdialenosť medzi riadkami
textu, teda biely priestor medzi nimi.
Na to je určená vlastnosť line-height,
nastavujúca výšku riadku textu.
Pri používaní vlastnosti line-height
vás môže čakať istý háčik: táto vlastnosť
nenastavuje priestor medzi riadkami textu,
ako by sa mohlo zdať, ale nastavuje výšku
riadku textu.
To znamená, že reálny viditeľný priestor
medzi riadkami sa bude počítať takto: line-height
- font-size = viditeľná vzdialenosť medzi
riadkami textu.
V nasledujúcom príklade bude vzdialenosť medzi riadkami
textu 50px - 20px = 30px
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 50px;
text-align: justify;
width: 400px;
}
:
Nech veľkosť písma pre odseky je 30px.
Nastavte vlastnosť line-height tak,
aby viditeľný biely priestor medzi odsekmi
bol rovný 15px.
