Ein Em ist eine relative Maßeinheit, die genau der Schriftgröße entspricht: Bei 16 Pixeln Schrift ist 1em 16 Pixel. In der Typografie heißt das Maß Geviert, ein Quadrat in der Größe des Kegels. In CSS bezieht sich em auf die Schriftgröße des Elements, auf dem es steht.
- Em (Schriftgrößeneinheit)
Eine relative Maßeinheit, die der Schriftgröße entspricht.
Beispiel: „Der Innenabstand des Buttons ist in em angegeben und wächst mit der Schrift.“Auch: Geviert.
Abgrenzung zu rem: Es bezieht sich immer auf die Schriftgröße des html-Elements, em auf die des aktuellen.
Woher das Em kommt
Im Bleisatz war das Geviert laut Typolexikon ein quadratisches Stück Blindmaterial in Kegelgröße. Dass der Name von der Breite des Buchstabens M kommt, wird oft erzählt; Google Fonts gibt es so wieder, das Typolexikon hält es für eine Legende. In Schriftdateien ist das Em die Bezugsgröße, auf die alle Buchstaben gezeichnet sind.
Em in CSS
Laut CSS Values 4 entspricht 1em der Schriftgröße des Elements. Steht em in font-size selbst, gilt die Größe des Elternelements. Verschachtelt addieren sich die Faktoren deshalb auf: 1,2em in 1,2em ergibt 1,44-fache Größe.
Em und Barrierefreiheit
Die WCAG nennen Schriftgrößen in em als anerkannte Technik, damit Text mit den Einstellungen der Nutzer wächst. Für Abstände, die zur Schrift gehören, etwa der Innenabstand eines Buttons, ist em die passende Einheit.
.button {
font-size: 1.125rem;
padding: 0.75em 1.25em;
}