Typografi - diverse egenskaper: Skillnad mellan sidversioner
Från Webbling
PGJ (diskussion | bidrag) |
PGJ (diskussion | bidrag) |
||
| Rad 3: | Rad 3: | ||
== <code>[[line-height]]</code> == | == <code>[[line-height]]</code> == | ||
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: | 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: | ||
:<code>normal</code>: | :<code>normal</code>: Sätter normal radhöjd. Detta är defaultvärdet. | ||
Sätter normal radhöjd. Detta är defaultvärdet. | |||
;<code>''siffra''</code>: En siffra utan efterföljande enhet anger en multiplikationsfaktor. Webbläsaren kommer att sätta linjeavståndet till faktorn multiplicerad med fontstorleken. | ;<code>''siffra''</code>: En siffra utan efterföljande enhet anger en multiplikationsfaktor. Webbläsaren kommer att sätta linjeavståndet till faktorn multiplicerad med fontstorleken. | ||
Versionen från 30 januari 2019 kl. 13.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:
Nästa aktivitet
Typografi - diverse egenskaper