Eksempler på brug af padding
Siden er opdateret 25.1.2008
Eksempel på definition af padding:
td {
padding: 15px;
}
Her sættes padding: 15px. Det giver 15 px padding hele vejen rundt om tabelcellers indhold.
Du kan også sætte padding på en klasse:
.tofemten {
padding: 2px 15px;
}
Her sættes padding: 2px 15px. Det giver 2 px padding i toppen, 15 px padding i højre side, 2 px padding i bunden og 15 px padding i venstre side af et element, der er blevet tildelt klassen .tofemten.
Her er et kodeeksempel, hvor jeg foruden baggrundsfarve og border også har defineret padding
.eksempel {
color: black;
background-color: #eee;
border: 1px solid #999;
padding: 15px;
}
Jeg har lavet en side, hvor jeg demonstrerer hvordan padding øger en defineret bredde på en boks:
