Különbségek

A kiválasztott változat és az aktuális verzió közötti különbségek a következők.

--- oktatas:web:css:css_nyelv [2024/01/23 14:07]
admin [Mértékegységek]
+++ oktatas:web:css:css_nyelv [2024/01/23 14:12] (aktuális)
admin [Mértékegységek]
@@ Sor 2643: / Sor 2643: @@
 ^  Relatív hosszmérték  ^^
-|  em  | A releváns karakter mérete |
+|  em  | A releváns karakter mérete. (szülőelemtől örökölt) |
 |  ex  | A releváns karakter x-magassága |
 |  %  |  |
 |  ch  | A "0" (zero) szélességhez relatívan  |
-|  rem  | A root elem fontszélességéhez relatívan |
+|  rem  | A root elem fontméretéhez relatívan |
 ^  A Viewporthoz kapcsolódó mértékegységek  ^^
 |  vw  | A viewport szélességének 1%-hoz relatívan |
@@ Sor 2704: / Sor 2704: @@
 |  1vmin  | 1%-a a viewport rövidebbik oldalának |
 |  1vmax  | 1%-a a viewport hosszabbik oldalának |
+==== em ====
+A szülőelem betűméretéhez képest.
+Ha például a body elemet beállítjuk 16px-re, a benne található "p" elem betűmérete 1em beállítás esetén 16 pixel lesz.
+<code css>
+body {
+  font-size: 16px; /* Az alapértelmezett betűméret beállítása */
+}
+p {
+  font-size: 2em;
+}
+</code>
+  * 1em   16px
+  * 2em   32px
+  * 0.5em 8px
 ==== rem ====

szit