Recordando el orden del css de padding, marging y border

Css clockwise
Css clockwise

No soy un experto en CSS, pero lo domino bastante bien diría yo.. Y algo que siempre me había costado trabajo recordar fue el orden para los valores de las propiedades padding, marging y border.. Supongo que saben a que me refiero, a los valores top, left, bottom, right.

Pues bien, leyendo por ahí encontré la lógica del orden y como hacer para no olvidarlo y es lo siguiente que quiero explicarles.

La regla básica y cuyo propósito el orden fue dado de esa manera es porque se sigue el patrón de las agujas del reloj o también de los puntos cardinales, entonces gráficamente para comprenderlo sería lo siguiente:

css_properties_order
css_properties_order

Luego de ver esta imagen, todo ha cobrado sentido y seguramente no volveré a olvidar este orden.

Happy coding!

Co-fundador de Qbit Mexhico, usuario de linux, Developer en tecnologías web.. Nicaragüense, centro en basketball, primer centro en rugby y pintor los fines de semana. Ortögrafo y ambientalista psicológico (de escritorio).. ese soy yo!

Si te ha servido compártelo y difunde nuestro blog..

Twitter LinkedIn Flickr YouTube 

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *