Margine i ispuna mogu biti zbunjujući jer se na neki način čine kao ista stvar: bijeli prostor oko slike ili objekta. Evo što vi kao web dizajner trebate znati o njihovim razlikama.
Padding
Padding je razmak između sadržaja slike ili ćelije i njezinog vanjskog ruba. Na donjoj slici ispuna je žuto područje oko sadržaja. U ovom slučaju, ispuna ide u potpunosti oko sadržaja: vrh, dno, desna i lijeva strana. Možete odrediti koliko ispuna (u postocima, pikselima, točkama, itd.) za svaku stranu, a oni ne moraju biti isti. Na ovaj način možete pozicionirati sadržaj unutar elementa.
Margine
Suprotno tome, margine su razmaci izvan granice elementa, između elementa i svega što je uz njega. Na slici, margina je bijelo područje izvan cijelog objekta. Poput ispune, margina u potpunosti zaokružuje sadržaj u ovom primjeru: s gornje, donje, desne i lijeve strane. Možete koristiti margine za pozicioniranje divova i drugih elemenata na stranici.
Uvijek testirajte svoje stranice u različitim preglednicima, operativnim sustavima (uključujući mobilne) i veličinama zaslona kako biste bili sigurni da se prikazuju točno onako kako želite.
