CSS Robovi (ang. Margin)

CSS Robovi (ang. Margin) lahko premakne element HTML kamor koli želimo, gor, dol, levo ali desno na spletni strani. Negativne vrednosti element približajo sosedom (elementu zraven), kot bi bilo v privzetem načinu in seveda obratno, če uporabimo pozitivno vrednost, se element oddalji od soseda. Ko je vrednost nastavljena, uporabimo isto nastavitev za vse štiri robove. Robovi imajo lastnosti za dodajanje zamikov za vsako stran posebej. To so margin-top, margin-right, margin-bottom in margin-left.

Vse lastnosti robov (ang. Margin) imajo lahko naslednje vrednosti:

Če kodo želimo skrajšati, je možno podati vse lastnosti robov (margin) v eni lastnosti. Lastnost roba (margin) je skrajšana na naslednje posamezne lastnosti:

1. margin-top
2. margin-right
3. margin-bottom
4. margin-left

Če želimo vpisati vse štiri vrednosti skupaj (zgoraj, desno, spodaj in levo) vpišemo:

p.a {
    border: 1px solid black;
    margin: 100px 122px 100px 122px;
}
    

Če želimo zgornji in spodnji rob enake velikosti, ali levi in desni lahko vpišemo:

p.b {
    border: 1px solid black;
    margin: 50px 200px;
}
    

Kar pomeni, da sta spodnja in zgornja robova 50px, leva in desna robova pa 200px vrednosti.