Se kilde til CSS-margin

Margin definerer en form for usynlig ydre grænse for et objekt, hvor andre objekter ikke kan befinde sig.
=Brug=
Margin defineres ved hjælp af margin-egenskaben i [[CSS]] og kan bruges på to måder: Enten ved at give hver side en margin individuelt eller ved at bruge "shorthand"-egenskaben.
== Individuelle Sider ==
Man kan definere hver sides margin individuelt ved at bruge egenskaberne ''margin-top, -bottom, -left'' og ''-right''

===Eksempel===
====CSS====
 <nowiki>p.margin</nowiki>
 <nowiki>{</nowiki>
 <nowiki>margin-top:20px;</nowiki>
 <nowiki>margin-bottom:20px;</nowiki>
 <nowiki>margin-left:10px;</nowiki>
 <nowiki>margin-right:5px;</nowiki>
 <nowiki>}</nowiki>
====HTML====
 <nowiki><p>Tekst uden margin</p></nowiki>
 <nowiki><p class="margin">Tekst med margin</p></nowiki>
====Resultat====
[[Image:Tekstmedudenmargin.png]]
=="Shorthand"-metoden==
Det er muligt at skrive alle sine margins op på en linje. Dette gør man ved hjælp af ''margin''. På denne måde kan man vælge at skrive mellem 1 og 4 værdier, alt efter hvor mange forskellige marginer man vil have.
===Eksempler===
 <nowiki>margin:10px;</nowiki>
Alle fire margins har en værdi på 10px.
 
 <nowiki>margin:10px 5px;</nowiki>
Øverste og nederste margin har en værdi på 10px. Højre og venstre margin har en værdi på 5px.

 <nowiki>margin:20px 10px 5px;</nowiki>
Øverste margin har en værdi på 20px. Højre og venstre margin har en værdi på 10px. Nederste margin har en værdi på 5px.

 <nowiki>margin:20px 5px 10px 15px</nowiki>
Øverste margin har en værdi på 20px. Højre margin har en værdi på 5px. Nederste margin har en værdi på 10px. Venstre margin har en værdi på 15px.

=Eksterne henvisninger=
[http://www.w3schools.com/css/css_margin.asp W3Schools om CSS-margins]

{{Webdesign}}
[[Kategori:CSS Egenskaber]]