Das Rätsel um 1em

was bedeutet das 1 em in folgendem Beispiel ?

" style="margin-left: 1em; margin-right: 1em;"

"em" ist eine relative Maßeinheit in CSS, die sich auf die aktuelle Schriftgröße des Elements bezieht, in dem sie verwendet wird.

• 1em bedeutet also "eine Einheit der aktuellen Schriftgröße".
• Wenn die Schriftgröße des Elements 16 Pixel beträgt, dann entspricht 1em 16 Pixeln.
• Wenn die Schriftgröße 20 Pixel beträgt, dann entspricht 1em 20 Pixeln.

In diesem Beispiel bedeutet dies, dass das Element links und rechts einen Außenabstand (Margin) hat, der der aktuellen Schriftgröße des Elements entspricht. Wenn die Schriftgröße des Elements 16 Pixel beträgt, hat es also links und rechts einen Abstand von 16 Pixeln.

Vorteile von "em":

• Flexibilität: Die Verwendung von em ermöglicht es dir, das Layout deiner Webseite dynamisch an verschiedene Schriftgrößen anzupassen. Wenn ein Benutzer die Schriftgröße in seinem Browser ändert, skalieren die Abstände automatisch mit.
• Barrierefreiheit: em hilft dabei, eine barrierefreie Webseite zu gestalten, da sie es Menschen mit Sehbehinderungen ermöglicht, die Schriftgröße anzupassen, ohne dass das Layout beeinträchtigt wird.