Razlika Između Margine I Paddinga

Sadržaj:

Razlika Između Margine I Paddinga
Razlika Između Margine I Paddinga

Video: Razlika Između Margine I Paddinga

Video: Razlika Između Margine I Paddinga
Video: Все про CSS отступы padding и margin. Объяснение на практике за 33 минуты. 2024, Studeni
Anonim

Margin vs Padding

Razlika između margine i popunjavanja važan je aspekt CSS-a jer su margina i padding dva važna koncepta koja se koriste u CSS-u za osiguravanje razmaka između različitih stavki. Padding i margine nisu zamjenjivi i imaju različite svrhe pa se moraju koristiti na odgovarajući način. Padding je prostor između sadržaja i obruba bloka. S druge strane, margina je prostor izvan granice bloka. Margina odvaja blokove od susjednih blokova, dok podstava odvaja granicu od sadržaja.

Što je padding?

U CSS (Cascading Style Sheets) dodavanje je prostor koji se zadržava između sadržaja i obruba. Sadržaj bloka odvaja od njegova ruba. Podstava je prozirna i uključuje pozadinsku sliku ili pozadinsku boju elementa. Količina dodavanja elementa specificira se upotrebom izraza „padding” u CSS kodu. Na primjer, za dodavanje obloge od 25 piksela oko sadržaja može se koristiti sljedeći kod.

div {

širina: 300px;

visina: 300px;

podstava: 25px;

obrub: 25px čvrsto;

}

Ako je potrebno, mogu se zasebno odrediti različite vrijednosti umetanja za lijevu, desnu, gornju i donju stranu. Sljedeći komad koda navodi različite vrijednosti popunjavanja za svaku stranu.

div {

širina: 300px;

visina: 300px;

obloga: 25px;

podnožje: 35px;

popunjavanje lijevo: 5 piksela;

popunjavanje-desno: 10 piksela;

obrub: 25px čvrsto;

}

Razlika između margine i paddinga
Razlika između margine i paddinga

Što je marža?

U CSS-u (Cascading Style Sheets) margina je prostor izvan granice. Odvaja blok od ostalih blokova. Margina je također prozirna, ali velika razlika kod popunjavanja je što margina ne uključuje pozadinske slike ili pozadinske boje primijenjene na element. Iznos marže u CSS-u određuje se pomoću izraza “marža”. Sljedeći komad koda primijenio je marginu od 25 piksela oko bloka div.

div {

širina: 320px;

visina: 320px;

obrub: 5px solid;

marža: 25px;

}

Za različite strane bloka mogu se odrediti i različite vrijednosti. Sljedeći komad koda primjenjuje različite vrijednosti margine za svaku stranu.

div {

širina: 320px;

visina: 320px;

obrub: 5px solid;

margin-top: 25px;

margina-dno: 35 piksela;

margina-lijevo: 5 piksela;

margina-desno: 10 piksela;

}

Koja je razlika između margine i paddinga?

• Padding je prostor između obruba i sadržaja, dok je margina prostor izvan obruba.

• Padding odvaja sadržaj bloka od obruba. Margina odvaja jedan blok od drugog.

• Padding se sastoji od pozadinskih slika i boja pozadine primijenjenih na sadržaj, a margina ih ne sadrži.

• Margine susjednih blokova mogu se preklapati, dok se obloge ne preklapaju.

Sažetak:

Padding vs Margin

Padding je prostor unutar obruba bloka koji odvaja granicu od sadržaja. Margina je razmak izvan granice koji odvaja blok od susjednih blokova. Druga je razlika u tome što dodaci uključuju pozadinsku sliku i boje pozadine primijenjene oko sadržaja, a margina ih ne sadrži. Margine susjednih blokova mogu se ponekad preklapati kada preglednik generira stranicu, ali zbog popunjavanja to se neće dogoditi.

Ljubaznost slika:

Preporučeno: