1em är alltid detsamma som teckensnittets aktuella storlek.
Standardstorleken för teckensnitt i de flesta webläsare är 16 pixlar.
Testa!
Förstora eller förminska texten manuellt i din webläsare!
Det gör du i de flesta fall genom att välja: Visa / Textstorlek.
Eller via tangentbordet: ctrl+plus / ctrl+minus (fungerar inte i Internet Explorer).
| CSS: |
|---|
<style type="text/css">
<!--
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.33em; }
.small { font-size: 0.9em; }
.big { font-size: 1.16em; }
-->
</style>
|
| HTML : |
|---|
<hr>
<h1>h1 { font-size: 1.5em; }</h1>
<p>Den här texten...</p>
<h2>h2 { font-size: 1.33em; }</h2>
<p class="small">Den här texten...</p>
<p class="big">Den här texten...</p>
<hr>
|
Blir så här:
Den här texten är skriven mellan <p> och </p> och kommer automatiskt visas med teckenstoleken 1em.
Den här texten är skriven mellan <p class="small"> och </p> - och visas alltså med teckenstorleken 0.9em.
Den här texten är skriven mellan <p class="big"> och </p> - och visas alltså med teckenstorleken 1.16em.