Margina u odnosu na Padding
Razlika između margine i ispune važan je aspekt u CSS-u jer su margina i ispuna dva važna koncepta koji se koriste u CSS-u za osiguravanje razmaka između različitih stavki. Ispuna i margine nisu međusobno zamjenjive i imaju različite svrhe pa se moraju koristiti na odgovarajući način. Ispuna je prostor između sadržaja i ruba bloka. Margina je, s druge strane, prostor izvan granice bloka. Margina odvaja blokove od susjednih blokova dok ispuna odvaja obrub od sadržaja.
Što je Padding?
U CSS-u (Cascading Style Sheets), ispuna je prostor između sadržaja i ruba. Odvaja sadržaj bloka od njegovog ruba. Ispuna je prozirna i također uključuje pozadinsku sliku ili boju pozadine elementa. Količina ispune elementa određena je korištenjem izraza "padding" u CSS kodu. Na primjer, za dodavanje razmaka od 25 piksela oko sadržaja može se koristiti sljedeći kod.
div {
width: 300px;
visina: 300px;
padding: 25px;
border: 25px solid;
}
Ako je potrebno, različite vrijednosti ispune mogu se zasebno navesti i za lijevo, desno, vrh i dno. Sljedeći dio koda navodi različite vrijednosti ispune za svaku stranu.
div {
width: 300px;
visina: 300px;
padding-top: 25px;
padding-bottom: 35px;
padding-left: 5px;
padding-desno: 10px;
border: 25px solid;
}
Š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 je razlika s ispunom u tome što margina ne uključuje pozadinske slike ili pozadinske boje primijenjene na element. Iznos margine u CSS-u specificiran je pomoću izraza "margina". Sljedeći dio koda primijenio je marginu od 25 piksela oko bloka div.
div {
width: 320px;
visina: 320px;
border: 5 px solid;
margin: 25px;
}
Različite vrijednosti mogu se specificirati i za različite strane bloka. Sljedeći dio koda primjenjuje različite vrijednosti margine za svaku stranu.
div {
width: 320px;
visina: 320px;
border: 5 px solid;
margin-top: 25px;
margin-bottom: 35px;
margin-left: 5px;
margin-desno: 10px;
}
Koja je razlika između Margin i Padding?
• Padding je razmak između obruba i sadržaja dok je margina razmak izvan obruba.
• Padding odvaja sadržaj bloka od ruba. Margina odvaja jedan blok od drugog.
• Ispuna se sastoji od pozadinskih slika i pozadinskih boja primijenjenih na sadržaj dok margina nema takav sadržaj.
• Margine susjednih blokova mogu se preklapati dok se ispuna ne preklapa.
Sažetak:
Padding vs margin
Padding je prostor unutar obruba bloka koji odvaja obrub od sadržaja. Margina je razmak izvan ruba koji odvaja blok od susjednih blokova. Druga je razlika u tome što padding uključuje pozadinsku sliku i pozadinske boje primijenjene oko sadržaja dok ih margina ne sadrži. Margine susjednih blokova ponekad se mogu preklapati kada preglednik prikazuje stranicu, ali za ispunu se to neće dogoditi.
