margin:15px;
Margin luo marginaalin elementin ulkopuolelle.
padding:8px;
Padding on melkein sama kuin edellinen, mutta tekee marginaalin elementin sisäpuolelle
border:solid 2px black;
Border luo kehyksen elementin ympärille. Kehykselle voidaan määritellä väri, paksuus ja tyyli. Tyylejä ovat esim: solid (kiinteä), dotted (pisteviiva), double (kaksi viivaa).
Margin on kehyksen ulkouolella, padding sisäpuolella. Ohessa esimerkki:
margin:20px; border:2px solid; padding:20px;
20 pikselin marginaali
2 pikselin kiinteä kehys (solid)
20 pikselin sisämarginaali (padding)
Ilman marginaalia elementti törmäisi edelliseen tekstikappaleeseen, ilman paddingia sisällä oleva teksti liimautuisi kiinni kehykseen.
margin-top margin-right margin-bottom margin-left padding-top padding-right padding-bottom padding-left border-top border-right border-bottom border-left
Säännöt voidaan asettaa myös niin, että ne koskevat vain yhtä neljästä reunasta.
width:200px; height:300px;
Korkeus ja leveys. Huomaa, että padding, border ja margin kasvattavat elementin kokoa. Näin ollen elementin leveys on siis: width+margin+border+badding.