Typografi - diverse egenskaper: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
Ingen redigeringssammanfattning
 
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="900" tab="css,result">
<codepen pen="mPWmpj" height="940" tab="css,result">
</codepen>
</codepen>



Nuvarande version från 8 september 2022 kl. 09.12

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.