CSS: El acrónimo TRBL

TRBL es un acrónimo que significa: Top, Right, Bottom, Left. Es el orden que se utiliza en CSS para darle propiedades a los elementos de HTML sin tener que detallar de manera individual los atributos de los mismos.

Es decir en vez de poner esto:

.estilo{

    border-top: 10px;

    border-right 5px;

    border-bottom: 20px;

    border-left: 7px;

}

puedes poner esto:

.estilo{

    border: 10px 5px 20px 7px;

}

Cómo veis es mucho más resumido y en proyectos con muchos estilos te va a hacer mucho más fácil la vida, sobre todo a la hora de mantenerlo.

Espero que te sea de utilidad ^_^.