Du er her: Forsiden - css - egenskaber
- Eksempel på width, margin og padding
Brugere lige nu: 1
Siden er opdateret 5. 12. 2011
Denne tekst er lagt i en boks med en defineret bredde på 400px, en margin på 10px og en padding på 10px. for at tydeliggøre den viste bredde, har jeg lagt en border, som placeres mellem padding og margin. Den vandrette streg under denne boks er 400px bred.
.testbox {
width: 400px;
margin: 10px;
padding: 10px;
border: 1px solid #f00;
}
hr.w400 {
width: 400px;
}
Det ses af eksemplet over kodeboksen, at definitionen af de 10px padding øger boksens samlede bredde til 420px, da indholdet holdes på de definerede 400px.