Que significa esto padding: 7px 7px 7px 7px;

[acoevil]

Hola quetal esa es mi pregunta creo que son las margenes interna de algo una capa o algo asi pero lo que no entiendo es porque tiene varios valores podrian exlicarme que hace el primero el segundo....etc

Gracias...

[DragonX]

padding:7px es igual a padding:7px 7px 7px 7px;

Que es lo mismo que decir:

paddig-top:7px;
paddig-right:7px;
paddig-bottom:7px;
paddig-left:7px;

[acoevil]

Iniciado por DragonX

padding:7px es igual a padding:7px 7px 7px 7px;

Que es lo mismo que decir:

paddig-top:7px;
paddig-right:7px;
paddig-bottom:7px;
paddig-left:7px;

ajaja q facil pero no lo sabia muchas gracias

[Jamati]

También eso mismo se puede escribir de otra forma:

padding:7px 7px;
en el cual, el primer 7px abarca tanto al top como al bottom, y el segundo 7px hace referencia al left y right.

[acoevil]

jeje muchas gracias por la ayuda de ustedes, seguire estudiando css y desarrollo web :)
Gracias.

[guilledocke]

Tambien se puede simplicar, si es el mismo padding para todo, lo ponemos:

padding: 7px;

y listo, lo toma para los 4


saludos!

[PosicionamientoSeo]

Siempre en el código hay que optimizar y reducir el peso, por lo tanto lo más conveniente es la opción: padding: 7px;


Un saludo,
Gabriel

[acoevil]

Si eso es verdad gracias por sus respuestas ahora ya lo hago mejor :)

[metacortex]

Para que se entienda mejor:

padding: [arriba] [derecha] [abajo] [izquierda];

[Jamati]

Ya que estamos con esto del padding, lo mismo se puede aplicar al atributo margin y border... ahora mi pregunta: para algún atributo más ?