Radavstånd i CSS
Låt oss nu lära oss att ställa in radavstånd
för text. Med radavstånd menas avståndet mellan textraderna,
det vita mellanrummet mellan dem.
För detta används egenskapen line-height,
som anger höjden på en textrad.
När du använder egenskapen line-height
kan du möta en viss fälla: denna egenskap
anger inte mellanrummet mellan textraderna,
som det kan verka, utan anger höjden
på textraden.
Det betyder att det synliga mellanrummet
mellan raderna kommer att beräknas så här: line-height
- font-size = synligt avstånd mellan
textrader.
I följande exempel kommer avståndet mellan textraderna
att vara 50px - 20px = 30px
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 50px;
text-align: justify;
width: 400px;
}
:
Låt teckenstorleken för stycken vara 30px.
Ställ in egenskapen line-height så
att det synliga vita mellanrummet mellan stycken
blir 15px.
