Modificar propietas d’una caixa

Hem de recordar que qualsevol caixa té 4 coordenades:

top
right
left
bottom

section{
    padding:10px;
}

és el mateix que dir:

section{
   padding-top:10px;
   padding-right:10px;
   padding-bottom:10px;
   padding-left:10px;
}

és a dir: si només posem un valor, aquest valor s’aplicarà a totes 4 coordenades

section{     
    padding:10px 20px; 
}

és el mateix que dir:

section{    
     padding-top:10px;    
     padding-right:20px;    
     padding-bottom:10px;    
     padding-left:20px; 
}

és a dir: si posem dos valors, el primer valor s’aplicarà a les coordenades verticals (top i bottom) i el segon s’aplicarà a les coordenades horitzontals (right i left)

section{          
   padding:10px 20px 15px;  
}

és el mateix que dir:

section{          
    padding-top:10px;          
    padding-right:20px;          
    padding-bottom:15px;          
    padding-left:20px;  
}

és a dir: si posem tres valors, el primer valor s’aplicarà a la part superior (top), el segon s’aplicarà a les coordenades horitzontals (right i left) i el tercer s’aplicarà a la part inferior (bottom)

Per últim, també podem donar un valor diferent a cada coordenada de manera resumida:

section{              
    padding:10px 20px 15px 30px;   
}

és el mateix que dir:

section{          
    padding-top:10px;          
    padding-right:20px;          
    padding-bottom:15px;          
    padding-left:30px;  
}