Rindkopas atstarpe CSS
Tagad iemācīsimies iestatīt rindkopas atstarpes
tekstam. Ar rindkopas atstarpi saprot attālumu
starp teksta rindām, proti, balto atstarpi starp tām.
Šim nolūkam paredzēta īpašība line-height,
kas nosaka teksta rindas augstumu.
Izmantojot īpašību line-height,
jūs varat saskarties ar zināmu neparedzētību: šī īpašība
neiestata atstarpi starp teksta rindām,
kā varētu šķist, bet gan nosaka
teksta rindas augstumu.
Tas nozīmē, ka reālais redzamais atstarpe
starp rindām tiks aprēķināts šādi: line-height
- font-size = redzamais attālums starp
teksta rindām.
Nākamajā piemērā attālums starp teksta rindām
būs 50px - 20px = 30px
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 50px;
text-align: justify;
width: 400px;
}
:
Lai fonta izmērs rindkopām būtu 30px.
Iestatiet īpašību line-height tā,
lai redzamā balta atstarpe starp rindkopām
būtu vienāda ar 15px.
