Okraje

Prostor mezi rámečkem prvku a rámečkem jiného prvku je okraj. Můžete si to představit jako prostor mezi rámečkem obrazu a rámečkem vedlejšího obrazu.

Jako u polstrování můžeme vytvořit okraje na jednotlivých stranách následovně:

Okraj vlevo:

margin-left: 10px;

Okraj vpravo:

margin-right: 10px;

Okraj nahoře:

margin-top: 10px;

Okraj dole:

margin-bottom: 10px;

Tyto můžete opět mixovat s různými velikostmi na různých stranách, a pokud by bylo potřeba vytvořit okraj stejně velký na všech stranách, můžeme použít zkrácenou verzi:

margin: 10px;

Tato deklarace nastaví velikost okrajů na všech stranách na 10 pixelů.