CSS koodin reunus ominaisuus

Jokaisessa HTML elementissä on laatikko ympärillä, vaikket sitä näkisi.

CSS border ominaisuus määrittää näkyvän reunuksen HTML elementille:

p {
border: 1px solid black;
}

CSS padding ominaisuus määrittää jokaiselle reunukselle lisää tilaa sen sisäpuolella:

p {
border: 1px solid black;
padding: 10px;
}

CSS margin ominaisuus määrittää marginaalin (välin) reunuksen ulkopuolelle:

p {
border: 1px solid black;
padding: 10px;
margin: 30px;
}