Hvordan bruke Marginene i CSS

Den Cascading Style Sheet (CSS) egenskap kalt margin vil legge plass på utsiden av noe element i HTML-dokumentet. Margin er en del av CSS boksen modellen og skaper mellomrom rundt utsiden av noen padding eller border på elementet. Her er hvordan du bruker marginer.

Bruksanvisning

1 I en CSS-stilark, kan hver side av et element har en annen margin. Når du jobber på den måten du sette hver margin individuelt. Margin verdier i CSS gis fra toppen, til høyre, nederst og venstre.

Her er et eksempel:

p {
margin-top: 1em;
margin-right: 2em;
margin-bottom: 0.5em;
margin-left: 2em;
}

2 Den samme regelen vist ovenfor kan bli erklært ved hjelp av CSS stenografi, som dette:

p {
margin: 1em 2em 0.5em 2em;
}

3 Hvis alle marginene kommer til å være like, bruk en regel som dette:

p {
margin: 1em;
}

4 Hvis toppen og bunnen vil være den samme, og venstre og høyre vil være den samme, bruk denne stenografi regelen:

p {
margin: 1em 2em;
}

Den 1em wlll påvirke topp og bunn, 2em vil påvirke høyre og venstre.

Hint

• Margin er gjennomsiktig, slik at bakgrunn av elementet vil vises gjennom.