Verschil Tussen Marge En Opvulling

2024 Auteur: Mildred Bawerman | [email protected]. Laatst gewijzigd: 2023-12-16 08:40

Marge versus opvulling

Het 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 scheidt van de inhoud.

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 opvulling van 25 px rond de inhoud toe te voegen, kan de volgende code worden gebruikt.

div {

breedte: 300px;

hoogte: 300px;

opvulling: 25px;

rand: 25px solide;

}

Indien nodig kunnen ook verschillende opvulwaarden afzonderlijk worden gespecificeerd 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-bodem: 35px;

padding-links: 5px;

padding-rechts: 10px;

rand: 25px solide;

}

Wat is marge?

In CSS (Cascading Style Sheets) is 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 25 px toe rond het div-blok.

div {

breedte: 320px;

hoogte: 320px;

rand: 5px solide;

marge: 25px;

}

Er kunnen ook verschillende waarden worden opgegeven voor verschillende zijden van het blok. Het volgende stuk code past verschillende margewaarden toe voor elke zijde.

div {

breedte: 320px;

hoogte: 320px;

rand: 5px solide;

margin-top: 25px;

margin-bottom: 35px;

marge-links: 5px;

margin-right: 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 de inhoud worden toegepast, terwijl de marge dergelijke inhoud niet bevat.

• Marges van aangrenzende blokken kunnen elkaar overlappen, terwijl opvulling niet overlapt.

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 rand die een blok scheidt van de aangrenzende blokken. Een ander verschil is dat opvulling de achtergrondafbeelding en achtergrondkleuren omvat die rond de inhoud worden toegepast, terwijl de marge deze niet bevat. De marges van aangrenzende blokken kunnen soms overlappen wanneer de browser de pagina weergeeft, maar voor opvulling zal zoiets niet gebeuren.

Afbeeldingen beleefdheid: