Tulajdonság |
Leírás |
Lehetséges értékek |
margin
margin-top
margin-right
margin-bottom
margin-left |
Külső margó megadására szolgál. |
auto
length
% |
Külső margók megadása minden oldalra és külön-külön.
A margin tulajdonság használatakor ugyanúgy kell eljárnunk, mint a border esetében, azaz az első érték a margin-top értékét fogja állítani, és utána a többi érték szóközzel elválasztva az óramutató járásával megegyezően fogja beállítani a többi oldal külső margóját.
Negatív margó megadása.
Ez a példa azt mutatja be, hogy a margó értéke lehet negatív is. Az első három h2 elemnek semmilyen margót, a második háromnak negatív margót, a harmadik háromnak pedig pozitív margót állítottunk be. Az negydik h2 -nek bal oldali -40px margót állítottunk be. Ha 40px értéket tettünk volna be, akkor jobbra tolódott volna a cím, mivel ennek az ellenkezőjét állítottuk be, ezért most balra tolódott. Hasonlóan, az ötödik h2 -re pedig alsó -40px margót állítottunk be, ezért lefelé tolódott. Ezek után bemutattuk, hogy milyen hatást érünk el ugyanekkora, de pozitív értékű margókkal ugyanarra a három címre.
A body elem margója.
Ez a példa azt szemlélteti, hogy a body elemnek alapértelmezettként bizony van valamekkora margója. Hiszen a weboldalon csak egy div általános tárolóelem van, aminek a biztonság kedvéért 0 margót és belső margót állítottunk be, mégis hézag van mellette.
A body elem margójának eltüntetése.
Ha nem akarunk margót a body -nak, akkor egyszerűen állítsuk be a margin: 0; tulajdonságot rá! Azonban még célszerű a padding -ot is 0-ra állítani, mert van olyan böngésző, amelyiknél csak így tűnik el a margó.
|
|