https://holstebro-htx.dk/index.php?action=history&feed=atom&title=CSS-marginCSS-margin - Versionshistorie2026-04-19T05:51:05ZVersionshistorie for denne side i Holstebro HTX WikiMediaWiki 1.45.1https://holstebro-htx.dk/index.php?title=CSS-margin&diff=294&oldid=prevBar med 1. aug. 2022, 15:382022-08-01T15:38:08Z<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="da">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Ældre version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versionen fra 1. aug. 2022, 17:38</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Linje 1:</td>
<td colspan="2" class="diff-lineno">Linje 1:</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Margin definerer en form for usynlig ydre grænse for et objekt, hvor andre objekter ikke kan befinde sig.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Margin definerer en form for usynlig ydre grænse for et objekt, hvor andre objekter ikke kan befinde sig. </div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=Brug=</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=Brug=</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>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.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>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.</div></td></tr>
</table>Barhttps://holstebro-htx.dk/index.php?title=CSS-margin&diff=261&oldid=prevBar: 1 version importeret2022-08-01T13:50:05Z<p>1 version importeret</p>
<p><b>Ny side</b></p><div>Margin definerer en form for usynlig ydre grænse for et objekt, hvor andre objekter ikke kan befinde sig.<br />
=Brug=<br />
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.<br />
== Individuelle Sider ==<br />
Man kan definere hver sides margin individuelt ved at bruge egenskaberne ''margin-top, -bottom, -left'' og ''-right''<br />
<br />
===Eksempel===<br />
====CSS====<br />
<nowiki>p.margin</nowiki><br />
<nowiki>{</nowiki><br />
<nowiki>margin-top:20px;</nowiki><br />
<nowiki>margin-bottom:20px;</nowiki><br />
<nowiki>margin-left:10px;</nowiki><br />
<nowiki>margin-right:5px;</nowiki><br />
<nowiki>}</nowiki><br />
====HTML====<br />
<nowiki><p>Tekst uden margin</p></nowiki><br />
<nowiki><p class="margin">Tekst med margin</p></nowiki><br />
====Resultat====<br />
[[Image:Tekstmedudenmargin.png]]<br />
=="Shorthand"-metoden==<br />
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.<br />
===Eksempler===<br />
<nowiki>margin:10px;</nowiki><br />
Alle fire margins har en værdi på 10px.<br />
<br />
<nowiki>margin:10px 5px;</nowiki><br />
Øverste og nederste margin har en værdi på 10px. Højre og venstre margin har en værdi på 5px.<br />
<br />
<nowiki>margin:20px 10px 5px;</nowiki><br />
Ø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.<br />
<br />
<nowiki>margin:20px 5px 10px 15px</nowiki><br />
Ø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.<br />
<br />
=Eksterne henvisninger=<br />
[http://www.w3schools.com/css/css_margin.asp W3Schools om CSS-margins]<br />
<br />
{{Webdesign}}<br />
[[Kategori:CSS Egenskaber]]</div>Bar