Saīsinam "padding" un "margin"

Apskatīšu iespēju, kā ir iespējams saīsināt atribūta "padding" un "margin" vērtības. Piemēram, nodefinēsim klasei "koks" atribūtam "padding" vērtības.

Neoptimizēts variants:

.koks
{
padding-bottom:5px;
padding-left:10px;
padding-right:15px;
padding-top:1px;
}

Optimizēts variants:

.koks {
padding: 1px 15px 5px 10px;
}

Rezultāts acīm redzams, tiek ietaupītas teju 3 rindiņas vai 45 simboli. Atliek vien atcerēties "padding: top right bottom left;" un "margin: top right bottom left;".