Marjele și umplutura pot fi confuze, deoarece, în anumite privințe, par același lucru: spațiu alb în jurul unei imagini sau al unui obiect. Iată ce trebuie să știi tu, ca designer web, despre diferențele lor.
Umplutură
Padding este spațiul dintre conținutul unei imagini sau al unei celule și chenarul exterior al acesteia. În imaginea de mai jos, umplutura este zona galbenă din jurul conținutului. În acest caz, căptușeala se ocupă complet de conținut: partea de sus, de jos, din dreapta și din stânga. Puteți specifica cât de mult umplutură (în procente, pixeli, puncte etc.) pentru fiecare parte și nu trebuie să fie aceeași. În acest fel, puteți poziționa conținutul într-un element.
Marje
În contrast, marginile sunt spațiile din afara graniței unui element, dintre element și orice este adiacent acestuia. În imagine, marginea este zona albă din afara întregului obiect. La fel ca umplutura, marginea ocolește complet conținutul din acest exemplu: în partea de sus, de jos, din dreapta și din stânga. Puteți folosi marginile pentru a poziționa div-urile și alte elemente pe o pagină.
Testează-ți întotdeauna paginile în diferite browsere, sisteme de operare (inclusiv dispozitive mobile) și dimensiuni de ecran pentru a te asigura că se afișează exact așa cum vrei tu.
