Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
2
respuestas

Duda de Margin y Padding

Cordial saludo Equipo de Alura:

Tengo una inquietud sobre la propiedad de espaciamiento, tengo entendido que la propiedad Margin significa espaciamiento exterior de los componentes y el Padding espaciamiento interno, les pido por favor me corrigen si entendí mal , y también he visto que hay varias medidas que se adjuntan , por ejemplo margin: 15px, 2px, 0px auto, de igual manera el padding 15px 8px , pero no me queda claro cual es el orden que lleva cada una de las medidas y si aplica igual para estas dos propiedades. Si me pueden explicar si primero es inferior o superior o derecha o izquierda, o como funciona cuando se aplican 1 o 2 medidas a cuando se aplican 4 o más. Les agradezco. Excelente curso.

2 respuestas

Hola Javier el margin es externo y el padding es interno claro, para que entiendas mejor el agrupamiento de los valores te explico de esta forma:

padding: 10px     10px    10px    10px;
padding: superior derecha inferior izquierda ;

cuando son dos:

padding:      10px               10px;
padding: superior-inferior izquierda-derecha;

Puedes basarte en la técnica de reloj esto aplica para margin, padding y otras propiedades aqui te dejo un articulo que explica a detalle:

https://otroespacioblog.wordpress.com/2014/05/18/tecnica-del-reloj-en-css/

saludos!

Gracias por tu respuesta. Ahora todo está mas claro.

Gracias