margin

Siden er opdateret 25. 12. 2011

Med margin defineres afstanden fra et element til dets omgivelser. Enheden margin ligger udenfor elementets eventuelle border.

div {
padding: 0;
background-color: #ccf;
}

p {
margin: 10px;
padding: 10px;
border: 1px solid #000;
background-color: #fcc;
}

I en <div> med padding nulstillet og med lyseblå background-color har jeg indsat en <p> med margin og padding sat til 10px, lyserød background-color og sort border. Det ses, at border ligger mellem margin og padding.

Eksempel på definition af margin:

.h1,h2,h3,h4,h5,h6 {
margin-top: 0px;
margin-bottom: 0px;
}

Her sættes margin-top:0px og margin-bottom:0px på alle overskrifter. Det gør, at der ikke kommer en tom linje mellem en overskrift og efterfølgende brødtekst. Og at overskrifter af forskellig størrelse kan 'stakkes' uden mellemliggende tom linje.

Her er et eksempel, hvor en div med ID = indhold har fået defineret forskellig margin:

div#indhold {
margin: 0 0 0 165px; }

Eksemplet har fået defineret, at margin i toppen, højre side og bunden er nul, mens venstre sides margin er sat til 165px.

^ Tilbage til sidens top

Valid XHTML og CSS / Copyright © Hjemmesideskolen marts 2003
Hjemmesideskolen
Du er her: Forsiden - css - egenskaber - margin
sidens top
Brugere lige nu: 1
Home Mail