Margók

A box modellből az 1. számmal jelölt terület ismertetése történik meg most. A keret és a körülvevő elemek közti távolságot szabályozhatjuk a margók segítségével.
A margók negatív értéket nem vehetnek fel!

Példák

  ...
  
  ...

A fenti példában felül 0, jobbra 1, alul 2 és bal oldalt 3 képpontnyi margót állítunk be a bekezdésnek.
A négy paraméter helyett használhatunk egyet is, ilyenkor mind a négy oldalon azonos margót kapunk:

  ...
  
  ...

Ha csak két értéket adunk meg paraméterként, akkor az első paraméter a függőleges, a második paraméter pedig a vízszintes irányú margókra fog vonatkozni:

  ...
  
  ...

Lehetőségünk van a margók mind a négy oldalon külön-külön történő beállítására is, ezekre mutat példát az alábbi definíció:

  ...
  p
  {  
    margin-left: 3px;  
    margin-top: 0px;  
    margin-right: 1px;  
    margin-bottom: 2px;  
  }  
  ...

Ezzel a definícióval ugyanazt az eredményt kapjuk, mint a legelső margós példánál bemutatottal.

ugrás a lap tetejére