Spațiul interlinear în CSS
Să învățăm acum să setăm spațiul interlinear
textului. Prin spațiu interlinear se înțelege
distanța dintre liniile de text, adică spațiul
alb dintre ele. Pentru aceasta este destinată
proprietatea line-height,
care stabilește înălțimea liniei de text.
La utilizarea proprietății line-height
poate să vă aștepte o oarecare capcană: această proprietate
nu stabilește spațiul dintre liniile de text,
așa cum ar putea părea, ci stabilește înălțimea
liniei de text.
Aceasta înseamnă că spațiul vizibil real
dintre linii se va calcula astfel: line-height
- font-size = distanța vizibilă dintre
liniile de text.
În următorul exemplu distanța dintre liniile de text
va fi 50px - 20px = 30px
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 50px;
text-align: justify;
width: 400px;
}
:
Fie dimensiunea fontului pentru paragrafe egală cu 30px.
Setați proprietatea line-height astfel,
încât spațiul alb vizibil dintre paragrafe
să fie egal cu 15px.
