| << Typografiark menu | Opdateret d. 6.6.2002 |
| Mulige værdier: | <'margin-top'> | <'margin-right'> | <'margin-bottom'> | <'margin-left'> |
|---|---|
| Brug af værdier: | Én eller flere af ovenstående værdier specificeres vha. længde eller procent |
| Benyttes med: | Alle HTML koder |
Alle elementer i et HTML dokument er placeret i en firkantet boks, som kan illustreres på denne måde.:
Man tænker bare ikke så meget over det, fordi man aldrig ser den. F.eks. frembringer koden <body> én stor boks der indeholder hele siden. Koden <p> genererer en mindre boks som omgiver et afsnit osv.. osv..
Hvis man forestiller sig at et element's boks ser ud som ovenstående, er margen afstanden fra den blå kant til den grønne.
|
Eksempel på brug af margin Dette afsnit har en margen på 20 pixel hele vejen rundt. Angiver man kun én værdi til Her kan du se et afsnit som det ser ud hvis man ikke har angivet en margen. Margen angives som regel til koden |
BODY { margin: 10px }
Sætter margen på alle 4 sider til 10 pixel
BODY { margin: 10px 20px }
Sætter margen på top/bund til 10 pixel og højre/venstre til 20 pixel
BODY { margin: 10px 20px 30px }
Sætter top-margen til 10 pixel, venstre/højre margen til 20 pixel og bund-margen til 30 pixel
BODY { margin: 15px 20px 25px 30px }
Sætter top-margen til 15 pixel, højre-margen til 20 pixel, bund-margen til 25 pixel og venstre-margen til 30 pixel
Med egenskaben margin,
kan du derfor ikke undgå at sætte en margen til alle 4 sider på én
gang. Men hvis man eksempelvis kun vil angive en margen til venstre
side kan man benytte egenskaben margin-left. De andre sider kan naturligvis også sættes individuelt med henholdsvis margin-top, margin-bottom og margin-right.
Egenskaberne margin-left, margin-top, margin-bottom og margin-right er ikke beskrevet individuelt på disse sider, da de benyttes på nøjagtig samme måde som margin. Dog kan man naturligvis kun angive én værdi, i modsætning til margin.