Diferența Dintre Margine și Căptușeală

2024 Autor: Mildred Bawerman | [email protected]. Modificat ultima dată: 2023-12-16 08:41

Marjă vs Căptușeală

Diferența dintre marjă și umplutură este un aspect important în CSS, deoarece marjă și umplutură sunt două concepte importante utilizate în CSS pentru a oferi spațierea între diferite elemente. Căptușeala și marginile nu sunt interschimbabile și au scopuri diferite, așa că trebuie utilizate în mod corespunzător. Umplerea este spațiul dintre conținut și marginea unui bloc. Marja, pe de altă parte, este spațiul din afara marginii unui bloc. Marja separă blocurile de blocurile adiacente în timp ce umplutura separă marginea de conținut.

Ce este căptușeala?

În CSS (Cascading Style Sheets), umplutura este spațiul păstrat între conținut și margine. Se separă conținutul unui bloc de marginea sa. Căptușeala este transparentă și include imaginea de fundal sau culoarea de fundal a elementului. Cantitatea de umplere a unui element este specificată utilizând termenul „umplere” în codul CSS. De exemplu, pentru a adăuga o umplutură de 25 px în jurul conținutului, se poate utiliza următorul cod.

div {

width: 300px;

înălțime: 300px;

umplutură: 25 px;

chenar: 25px solid;

}

Dacă este necesar, diferite valori de umplere pot fi specificate separat și pentru stânga, dreapta, sus și jos. Următoarea bucată de cod specifică diferite valori de umplere pentru fiecare parte.

div {

width: 300px;

înălțime: 300px;

plăcuță de umplutură: 25 px;

fund de umplutură: 35 px;

umplutură-stânga: 5 px;

umplutură-dreapta: 10 px;

chenar: 25px solid;

}

Ce este Margin?

În CSS (Cascading Style Sheets), marginea este spațiul din afara chenarului. Separa un bloc de alte blocuri. Marja este, de asemenea, transparentă, dar o mare diferență în ceea ce privește umplutura este că marja 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 px în jurul blocului div.

div {

width: 320px;

înălțime: 320px;

chenar: 5px solid;

marja: 25px;

}

De asemenea, pot fi specificate valori diferite pentru diferite părți ale blocului. Următoarea bucată de cod aplică valori de marjă diferite pentru fiecare parte.

div {

width: 320px;

înălțime: 320px;

chenar: 5px solid;

marginea-sus: 25 px;

marginea de jos: 35 px;

margine-stânga: 5px;

marginea-dreapta: 10px;

}

Care este diferența dintre margine și căptușeală?

• Căptușirea este spațiul dintre chenar și conținut, în timp ce marginea este spațiul din afara chenarului.

• Împletirea separă conținutul unui bloc de margine. Marja separă un bloc de celălalt.

• Căptușirea constă din imaginile de fundal și culorile de fundal aplicate conținutului, în timp ce marginea nu conține astfel.

• Marginile blocurilor adiacente se pot suprapune în timp ce căptușeala nu se suprapune.

Rezumat:

Căptușire vs marjă

Împletirea este spațiul din interiorul chenarului unui bloc care separă marginea de conținut. Marja este spațiul din afara chenarului care separă un bloc de blocurile adiacente. O altă diferență este că umplerea include imaginea de fundal și culorile de fundal aplicate în jurul conținutului, în timp ce marginea nu le conține. Marjele blocurilor adiacente se pot suprapune uneori atunci când browserul redă pagina, dar pentru umplere așa ceva nu se va întâmpla.

Imagini Amabilitate: