Het gaat erom dat je eenvoudiger CSS kan schrijven door de in CSS toegelaten verkortingen te gebruiken.

Hierbij zijn verschillende mogelijkheden, naargelang het aantal dezelfde waarden die worden gebruikt bij margin & padding.

CSS lang

margin-top: 2px;
margin-right: 1px;
margin-bottom: 3px;
margin-left: 4px;

CSS shorthand

margin: 2px 1px 3px 4px; /*top, right, bottom, left*/

Als één of meerdere waarden hetzelfde zijn, kan je deze ook weer inkorten:

3 waarden

CSS lang

margin-top: 5em;
margin-right: 1em;
margin-bottom: 3em;
margin-left: 1em;

CSS shorthand

margin: 5em 1em 3em; /*top, right & left, bottom*/

2 waarden

CSS lang

margin-top: 5%;
margin-right: 1%;
margin-bottom: 5%;
margin-left: 1%;

CSS shorthand

margin: 5% 1%; /*top & bottom, right & left*/

1 waarde

CSS lang

margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;

CSS shorthand

margin: 0; /*top & bottom & right & left*/