Typografi - diverse egenskaper: Skillnad mellan sidversioner
Från Webbling
PGJ (diskussion | bidrag) |
PGJ (diskussion | bidrag) Ingen redigeringssammanfattning |
||
| (8 mellanliggande sidversioner av samma användare visas inte) | |||
| Rad 4: | Rad 4: | ||
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>: Sätter normal radhöjd. Detta är defaultvärdet. | :<code>normal</code>: 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. | ||
;<code>''höjd''</code>: Höjdvärdet ska efterföljas av en CSS-enhet, t.ex. <code>px</code>. | ;<code>''höjd''</code>: Höjdvärdet ska efterföljas av en CSS-enhet, t.ex. <code>px</code>. | ||
;<code>''procent''</code>: Anger linjehöjden som en procent av nuvarande fontstorlek. | ;<code>''procent''</code>: Anger linjehöjden som en procent av nuvarande fontstorlek. | ||
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="940" tab="css,result"> | ||
</codepen> | </codepen> | ||
<!-- | |||
== Nästa aktivitet == | == Nästa aktivitet == | ||
[[Typografi - diverse egenskaper]] | [[Typografi - diverse egenskaper]] | ||
[[Category:Webbutveckling]] | [[Category:Webbutveckling]] | ||
--> | |||
__FORCETOC__ | __FORCETOC__ | ||
Nuvarande version från 8 september 2022 kl. 07.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: