Ugrás a főoldalra!

Felhasználónév:

Jelszó:

 :: ".$_ASWC_['NAME']." ".$_ASWC_['VERSION']." ".$_ASWC_['STATUS'];?> - [Látogatók: 635360]  
Freelance Jobs

Témaköreink

 


On-line

Dev, Admin: 0
Lektorok, írók: 1
  ÷Magus|BOT
Felhasználók: 0
Vendégek: 1
Tegnap: 0
E havi:
 

Statisztika

Oktatóanyagok száma
 Publikus: 128

Legolvasottabb írónk
 outesticide 295258

Legszorgalmasabb írók
1. balymo 24
2. outesticide 20
3. tipli 19
4. adrob 18
5. akciolap 15

Legolvasottabb címek
1. CSS
Egyszerü vízszintes menü és vízszintes menü legördülő almenükkel [49959]
2. CSS
A pozícionálás, és a z-index [26713]
3. CSS
Függőleges menü, legördülő almenüvel [21118]
4. CSS
Függőleges menü készítése listából [20935]
5. CSS
Bevezetés a CSS alapjaiba [20139]
 

 

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

Író: outesticide ( outesticide@netoktato.hu )
  http://vajdasag.rs
Készült: 2005-03-10 22:02:06
Lektorálta: outesticide
Lektorálva:
2007-05-25 18:48:45 [8745]
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:
height: 120%;

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.

mm - miliméter
cm - centiméter
in - hüvelyk (2,54 centiméter)
pt - pont (0.0352777778 centiméter :) Gyakran betűk méretének megadására használják.


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:
height: 14px;

width: 12px;

font-size: 14px;

A fentiekben csak pixel mértékegységet használtunk. Nézzünk párat betűméret tulajdonsággal.
font-size: 14em;

A megadott számérték nemcsak egész szám lehet, hanem tizedes is.
font-size: 1.4em;

font-size: 1.6mm;

font-size: 1.9pt;

* Minden további kérdéseddel fordulj az anyag írójához.

 

Hello Vendég

Az oktatóanyagok olvasásához be kell jelentkezned.

Szeretnék regisztrálni.

Elfelejtettem a jelszavam!
Kiküldöm magamnak!