Marge versus opvulling
Verschil tussen marge en opvulling is een belangrijk aspect in CSS, aangezien marge en opvulling twee belangrijke concepten zijn die in CSS worden gebruikt om ruimte tussen verschillende items te bieden. Opvulling en marges zijn niet uitwisselbaar en hebben verschillende doeleinden, dus moeten op de juiste manier worden gebruikt. De opvulling is de ruimte tussen de inhoud en de rand van een blok. De marge daarentegen is de ruimte buiten de rand van een blok. Marge scheidt blokken van aangrenzende blokken, terwijl de opvulling de rand van de inhoud scheidt.
Wat is opvulling?
In CSS (Cascading Style Sheets) is opvulling de ruimte tussen de inhoud en de rand. Het scheidt de inhoud van een blok van de rand. De opvulling is transparant en bevat ook de achtergrondafbeelding of achtergrondkleur van het element. De hoeveelheid opvulling van een element wordt gespecificeerd door de term "opvulling" in CSS-code te gebruiken. Om bijvoorbeeld een 25px-padding rond de inhoud toe te voegen, kan de volgende code worden gebruikt.
div {
breedte: 300px;
hoogte: 300px;
padding: 25px;
rand: 25px vol;
}
Indien nodig kunnen ook verschillende opvulwaarden afzonderlijk worden opgegeven voor links, rechts, boven en onder. Het volgende stuk code specificeert verschillende opvulwaarden voor elke zijde.
div {
breedte: 300px;
hoogte: 300px;
padding-top: 25px;
padding-bottom: 35px;
padding-links: 5px;
padding-right: 10px;
rand: 25px vol;
}
Wat is marge?
In CSS (Cascading Style Sheets) is de marge de ruimte buiten de rand. Het scheidt een blok van andere blokken. De marge is ook transparant, maar een groot verschil met opvulling is dat de marge geen achtergrondafbeeldingen of achtergrondkleuren bevat die op het element zijn toegepast. Het bedrag van de marge in CSS wordt gespecificeerd met de term "marge". Het volgende stuk code paste een marge van 25px toe rond het div-blok.
div {
breedte: 320px;
hoogte: 320px;
rand: 5px effen;
marge: 25px;
}
Verschillende waarden kunnen ook worden opgegeven voor verschillende zijden van het blok. Het volgende stukje code past verschillende margewaarden toe voor elke zijde.
div {
breedte: 320px;
hoogte: 320px;
rand: 5px effen;
marge-top: 25px;
margin-bottom: 35px;
marge-links: 5px;
marge-rechts: 10px;
}
Wat is het verschil tussen marge en opvulling?
• Opvulling is de ruimte tussen de rand en de inhoud, terwijl de marge de ruimte buiten de rand is.
• Opvulling scheidt de inhoud van een blok van de rand. De marge scheidt het ene blok van het andere.
• Opvulling bestaat uit de achtergrondafbeeldingen en achtergrondkleuren die op inhoud worden toegepast, terwijl de marge dergelijke inhoud niet bevat.
• Marges van aangrenzende blokken kunnen elkaar overlappen, terwijl opvulling elkaar niet overlappen.
Samenvatting:
Opvulling versus marge
Opvulling is de ruimte binnen de rand van een blok die de rand van de inhoud scheidt. De marge is de afstand buiten de grens die een blok scheidt van de aangrenzende blokken. Een ander verschil is dat opvulling de achtergrondafbeelding en achtergrondkleuren omvat die rond de inhoud zijn toegepast, terwijl de marge deze niet bevat. De marges van aangrenzende blokken kunnen elkaar soms overlappen wanneer de browser de pagina weergeeft, maar voor opvulling zal zoiets niet gebeuren.
