| << Typografiark menu | Opdateret d. 6.6.2002 |
| Mulige værdier: | <længde> | <procent> |
|---|---|
| Brug af værdier: | Én af ovenstående værdier vælges. 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 padding afstanden fra den røde til den sorte kant.
|
Eksempel på brug af padding Dette afsnit har en afstand til kanten på 20 pixel hele vejen rundt. Angiver man kun én værdi til |
P { padding: 10px }
Sætter afstanden fra indhold til kant på alle 4 sider til 10 pixel
P { padding: 10px 20px }
Sætter afstanden fra indhold til kant på top/bund til 10 pixel og højre/venstre til 20 pixel
P { padding: 10px 20px 30px }
Sætter afstanden fra indhold til kant på toppen til 10 pixel, venstre/højre til 20 pixel og bund 30 pixel
BODY { padding: 15px 20px 25px 30px }
Sætter afstanden fra indhold til kant fra toppen til 15 pixel, venstre til 20 pixel, bund til 25 pixel og venstre til 30 pixel
Med egenskaben padding,
kan du derfor ikke undgå at sætte afstanden alle 4 sider på én gang.
Men hvis man eksempelvis kun vil angive afstanden til venstre side kan
man benytte egenskaben padding-left. De andre sider kan naturligvis også sættes individuelt med henholdsvis padding-top, padding-bottom og padding-right.
Egenskaberne padding-left, padding-top, padding-bottom og padding-right er ikke beskrevet individuelt på disse sider, da de benyttes på nøjagtig samme måde som padding. Dog kan man naturligvis kun angive én værdi, i modsætning til padding.