Typografi - diverse egenskaper: Skillnad mellan sidversioner
Från Webbling
PGJ (diskussion | bidrag) Skapade sidan med 'Lite gott och blandat med olika CSS-egenskaper som påverkar text. == <code>line-height</code> == Denna egenskap anger hur långt avståndet ska vara mellan två textrade...' |
PGJ (diskussion | bidrag) |
||
Rad 9: | Rad 9: | ||
Exempel på hur man kan använda radhöjd: | Exempel på hur man kan använda radhöjd: | ||
<codepen pen="mPWmpj" height=" | <codepen pen="mPWmpj" height="450" tab="result"> | ||
</codepen> | </codepen> | ||
Versionen från 20 mars 2016 kl. 18.51
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:
Nästa aktivitet
Typografi - diverse egenskaper