Margina vs Padding
Razlika između margine i paddinga je važan aspekt u CSS-u, jer su margina i padding dva važna koncepta koja se koriste u CSS-u za obezbeđivanje 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. Pading je prostor između sadržaja i granice bloka. Margina je, s druge strane, prostor izvan granice bloka. Margin odvaja blokove od susjednih blokova dok padding odvaja ivicu od sadržaja.
Šta je padding?
U CSS-u (Cascading Style Sheets), padding je prostor između sadržaja i ivice. Odvaja sadržaj bloka od njegove ivice. Ispuna je prozirna i uključuje i sliku pozadine ili boju pozadine elementa. Količina dopuna elementa je specificirana korištenjem termina “padding” u CSS kodu. Na primjer, da dodate 25px padding oko sadržaja može se koristiti sljedeći kod.
div {
width: 300px;
visina: 300px;
padding: 25px;
obrub: 25px čvrsta;
}
Ako je potrebno, različite vrijednosti dopuna se mogu posebno specificirati za lijevo, desno, gore i dolje. Sljedeći dio koda specificira različite vrijednosti dopuna za svaku stranu.
div {
width: 300px;
visina: 300px;
padding-top: 25px;
padding-bottom: 35px;
padding-left: 5px;
padding-right: 10px;
obrub: 25px čvrsta;
}
Šta je marža?
U CSS-u (Cascading Style Sheets), margina je prostor izvan ivice. Odvaja blok od ostalih blokova. Margina je također prozirna, ali velika razlika s dopunom je u tome što margina ne uključuje pozadinske slike ili boje pozadine primijenjene na element. Iznos marže u CSS-u je specificiran pomoću izraza „margina“. Sljedeći dio koda primijenio je marginu od 25px oko div bloka.
div {
width: 320px;
visina: 320px;
obrub: 5px čvrsta;
margina: 25px;
}
Mogu se specificirati i različite vrijednosti za različite strane bloka. Sljedeći dio koda primjenjuje različite vrijednosti margine za svaku stranu.
div {
width: 320px;
visina: 320px;
obrub: 5px čvrsta;
margin-top: 25px;
margin-bottom: 35px;
margin-left: 5px;
margin-right: 10px;
}
Koja je razlika između margine i paddinga?
• Padding je razmak između ivice i sadržaja dok je margina prostor izvan granice.
• Padding odvaja sadržaj bloka od ivice. Margina odvaja jedan blok od drugog.
• Padding se sastoji od pozadinskih slika i boja pozadine primijenjenih na sadržaj dok margina ne sadrži takav sadržaj.
• Margine susjednih blokova se mogu preklapati dok se padding ne preklapa.
Sažetak:
Padding vs Margin
Padding je prostor unutar ivice bloka koji odvaja ivicu od sadržaja. Margina je razmak izvan granice koji odvaja blok od susjednih blokova. Druga razlika je u tome što padding uključuje sliku pozadine i boje pozadine primijenjene oko sadržaja dok ih margina ne sadrži. Margine susednih blokova se ponekad mogu preklapati kada pretraživač prikaže stranicu, ali se to neće desiti za popunjavanje.
