Typografi - diverse egenskaper: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
Rad 12: Rad 12:


Exempel på hur man kan använda radhöjd:
Exempel på hur man kan använda radhöjd:
<codepen pen="mPWmpj" height="650" tab="css,result">
<codepen pen="mPWmpj" height="900" tab="css,result">
</codepen>
</codepen>



Versionen från 19 oktober 2019 kl. 21.29

Lite gott och blandat med olika CSS-egenskaper som påverkar text.

line-height

Denna egenskap anger hur långt avståndet ska vara mellan två textrader. Detta går att ange på en rad olika vis. Följande värden kan sättas:

normal: Sätter normal radhöjd. Detta är defaultvärdet.
siffra
En siffra utan efterföljande enhet anger en multiplikationsfaktor. Webbläsaren kommer att sätta linjeavståndet till faktorn multiplicerad med fontstorleken.
höjd
Höjdvärdet ska efterföljas av en CSS-enhet, t.ex. px.
procent
Anger linjehöjden som en procent av nuvarande fontstorlek.

Exempel på hur man kan använda radhöjd:

See the Pen mPWmpj by Patrik Grip-Jansson (@PGJ) on CodePen.