Margine i padding mogu biti zbunjujući jer, na neki način, izgledaju kao ista stvar: bijeli prostor oko slike ili objekta. Evo šta vi kao web dizajner trebate znati o njihovim razlikama.
Padding
Padding je razmak između slike ili sadržaja ćelije i njene vanjske granice. Na slici ispod, padding je žuta oblast oko sadržaja. U ovom slučaju, padding ide u potpunosti oko sadržaja: gornje, donje, desne i lijeve strane. Možete odrediti koliki padding (u procentima, pikselima, tačkama, itd.) za svaku stranu, a oni ne moraju biti isti. Na ovaj način možete pozicionirati sadržaj unutar elementa.
Margine
Nasuprot tome, margine su razmaci izvan granice elementa, između elementa i svega što mu je susjedno. Na slici, margina je bijelo područje izvan cijelog objekta. Kao i padding, u ovom primjeru margina se u potpunosti kreće oko sadržaja: na gornjoj, donjoj, desnoj i lijevoj strani. Možete koristiti margine za pozicioniranje divova i drugih elemenata na stranici.
Uvijek testirajte svoje stranice u različitim pretraživačima, operativnim sistemima (uključujući mobilne) i veličinama ekrana kako biste bili sigurni da se prikazuju tačno onako kako želite.
