CSS Doboz modell - margók (margin)

A mai napon részletesebben megismerkedünk a margókkal.
Ugye már megtanultuk, hogy mi az margó (terület az elem körük), de most nézzük meg a formázási lehetőségeket.



LEHETSÉGES ÉRTÉKEK:
Ugye már tudjuk, hogy a margók azok mindig átlátszóak, tehát formázási lehetőségünk nincsen. Az egyetlen, amit tudunk rajta változtatni, az a mérete.Két módon tehetjük meg ezt.

• méret megadásával: például 10px, 2cm...
• auto: a böngésző állítja be. Ha a bal és jobb oldalra ezt rakjuk, akkor az elem középre kerül...

FONTOS:

Itt is lehetőségünk van a különböző oldalakhoz tartozó margók méretét külön változtatni:

margin-top: felső margó

margin-right: jobb margó

margin-bottom: alsó margó

margin-left: bal margó

RÖVIDÍTÉS:

A már megtanult módon zajlik (felső, jobb, alsó, bal).

elem{

margin: 10px 20px 30px 40px;

}

Ilyenkor a felső 10, a jobb 20, az alsó 30, a bal pedig 40pixel széles. 

Legközelebb megismerkedünk a körvonallal. Eddig nem beszéltünk róla, de bepótoljuk.