Marja vs umplutura
Diferența dintre margine și umplutură este un aspect important în CSS, deoarece marginea și umplutura sunt două concepte importante folosite în CSS pentru a oferi spațiere între diferite elemente. Căptușeala și marginile nu sunt interschimbabile și au scopuri diferite, așa că trebuie utilizate în mod corespunzător. Umplutura este spațiul dintre conținut și marginea unui bloc. Marja, pe de altă parte, este spațiul din afara graniței unui bloc. Marja separă blocurile de blocurile adiacente, în timp ce umplutura separă chenarul de conținut.
Ce este umplutura?
În CSS (Cascading Style Sheets), padding este spațiul păstrat între conținut și chenar. Separă conținutul unui bloc de marginea acestuia. Căptușeala este transparentă și include și imaginea de fundal sau culoarea de fundal a elementului. Cantitatea de umplutură a unui element este specificată folosind termenul „padding” în codul CSS. De exemplu, pentru a adăuga o umplutură de 25 de pixeli în jurul conținutului, se poate folosi următorul cod.
div {
lățime: 300px;
înălțime: 300px;
padding: 25px;
bord: 25px solid;
}
Dacă este necesar, pot fi specificate diferite valori de umplutură și pentru stânga, dreapta, sus și jos. Următoarea bucată de cod specifică valori diferite de umplutură pentru fiecare parte.
div {
lățime: 300px;
înălțime: 300px;
padding-top: 25px;
padding-bottom: 35px;
padding-left: 5px;
padding-dreapta: 10px;
bord: 25px solid;
}
Ce este Marja?
În CSS (Cascading Style Sheets), marginea este spațiul din afara graniței. Separă un bloc de alte blocuri. Marja este, de asemenea, transparentă, dar o mare diferență cu umplutura este că marginea nu include imagini de fundal sau culori de fundal aplicate elementului. Valoarea marjei în CSS este specificată folosind termenul „marjă”. Următoarea bucată de cod a aplicat o marjă de 25 de pixeli în jurul blocului div.
div {
lățime: 320px;
înălțime: 320px;
bordar: 5px solid;
margin: 25px;
}
Pot fi specificate valori diferite și pentru diferite părți ale blocului. Următoarea bucată de cod aplică valori de marjă diferite pentru fiecare parte.
div {
lățime: 320px;
înălțime: 320px;
bordar: 5px solid;
margin-top: 25px;
margine-jos: 35px;
margin-stânga: 5px;
marja-dreapta: 10px;
}
Care este diferența dintre marjă și umplutură?
• Umplutura este spațiul dintre chenar și conținut, în timp ce marginea este spațiul din afara chenarului.
• Umplutura separă conținutul unui bloc de margine. Marja separă un bloc de celăl alt.
• Umplutura constă din imaginile de fundal și culorile de fundal aplicate conținutului, în timp ce marginea nu conține astfel de conținut.
• Marginile blocurilor adiacente se pot suprapune, în timp ce umplutura nu se suprapune.
Rezumat:
Umplutură vs Marja
Padding este spațiul din interiorul chenarului unui bloc care separă chenarul de conținut. Marja este distanța din afara graniței care separă un bloc de blocurile adiacente. O altă diferență este că umplutura include imaginea de fundal și culorile de fundal aplicate în jurul conținutului, în timp ce marginea nu le conține. Marginile blocurilor adiacente se pot suprapune uneori atunci când browserul redă pagina, dar pentru umplutură, așa ceva nu se va întâmpla.
