CSS -> Méretek, mértékegységek

A CSS-ben számos tulajdonságnak adhatunk méretet, illetve mértékegységet.
E kettő megadási módjára számos lehetőségünk van.
Igaz ezek között vannak kevésbé szerencsések-abszolút mód-általános oldalak megjelenítéséhez, mivel a használata eltérő megjelenéshez vezethet a felhasználóknál, ellentétben a relatív megadási móddal.

1. Relatív megadási mód

Egy másik mérethez viszonyítva határozzuk meg a méretet. Minden felhasználónál közel pontosan ugyanúgy jelenik meg.

PX

Pixelben (képpont) megadott érték. Ennek mérete függ a monitor beállításától. Általában ezzel a mértékegységgel adnak meg méreteket betűknek, elemeknek, képeknek és szinte mindennek, aminek lehet szélességet, magasságot állítani.

EM

Az 1em az adott környezet betűméretét jelöli.


EX

A kijelölt betűkészlet kisbetűinek magassága.

Százalékos értékek

Százalékos formában megadott értékek, melyek után ki kell írni a százalékjelet.
A megadott érték mindig relatív, viszonylagos a többi elemhez, a böngésző ablakához képest.
Például:
Azt szeretnénk, hogy az oldalunkon levő kép magassága az oldal fele legyen minden esetben (a böngésző ablak kicsinyítésekor is) adjunk százalékos értéket.
Így az ablak magasságának a fele lesz az adott elem (pl. kép).
Példa:

2. Abszolút megadási mód

Egy mértékegységben határozzuk meg a szükséges méretet.
Ezt általában olyan oldalaknál használják, ahol lehetőség van egy megadott szöveg, lap kinyomtatására.
Tehát ebből következik, hogy a "mindennapi" mértékegységeket (miliméter, centiméter, hüvelyk, és a pont) hivatott használni ez a megadási módszer.
Például:
Képzeljük el, hogy csinálunk egy oldalt, előadást, amit ki szeretnénk nyomtatni. Ha a relatív módot alkalmaznánk ez esetben, nehéz lenne a nyomtatási képet elkészítenünk.
Viszont, ha abszolút módon adunk mértékegységet, akkor, mint láttad, a valós életben használatos méretekkel dolgozhatunk.

3. Használatuk

A méretek megadására is több a lehetőségünk. Majd látni fogjuk, hogy a betűknél, szövegeknél a karakterek magasságát másféleképp is meg lehet adni.
Az összes méretezhető elemnek van magasság és/vagy szélesség tulajdonsága. Betűknél mint majdan látni fogjuk erre külön CSS tulajdonság van (font-size illetve font-weight).
A tulajdonság után meg kell adnunk az adott elem méretét és elválasztás nélkül a mértékegységet.
Szintakszisa:

A fentiekben csak pixel mértékegységet használtunk. Nézzünk párat betűméret tulajdonsággal.

A megadott számérték nemcsak egész szám lehet, hanem tizedes is.