Em is een relatieve lengtemaat ten opzichte van de grootte van het font. Met deze paragraaf wordt niets gedaan.
Bekijk de elementen als de wrapper-div en deze paragraaf ook met de inspector van je webbrowser
Experimenteer met em's.
De 'wrapper-div' heeft een groene achtergrond.
Deze box heeft een breedte en hoogte van 1rem.
Met deze tekst wordt niets gedaan. Het blauw-violette vakje meet 1em bij 1em. De 'wrapper-div' heeft een groene achtergrond.
Deze paragraaf zit in de wrapper-div. In de stijl heeft deze paragraaf een font-size van 2em gekregen.
Deze box heeft een breedte en hoogte van 1em.Deze box heeft een breedte en hoogte van 1rem.
1 em staat voor de grootte van het font waar je op dat moment mee werkt. 2em betekent dus 2 keer de huidige fontgrootte.
Dat kan op verschillende plekken dus verschillende waarden hebben.
Deze box meet 1rem hoog en breed.
100px bij 100px
Met dank aan Theo den Blanken
