Typografi - diverse egenskaper: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
Rad 15: Rad 15:
</codepen>
</codepen>


<!--
== Nästa aktivitet ==
== Nästa aktivitet ==
[[Typografi - diverse egenskaper]]
[[Typografi - diverse egenskaper]]


[[Category:Webbutveckling]]
[[Category:Webbutveckling]]
-->


__FORCETOC__
__FORCETOC__

Versionen från 30 januari 2019 kl. 15.11

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.