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

[Duda] Sobre el margin y el padding

Nuevamente yo por aquí jaja. Comunidad, en el código CSS:

    margin: 0 0 20px;
    padding: 10px 25px;
  1. ¿Por qué en el margin no se escribe "px" luego de los dos primeros valores, mientras que en el padding sí?
  2. ¿Por qué se usan solo dos valores en el padding y tres en margin?
  3. ¿Puedo usar más valores en padding o solamente se pueden aplicar dos?

Gracias!

4 respuestas
  1. Si te refieres porque a los dos números ceros no se específica que son pixeles, es porque no importar la unidad que tenga dado que todos los ceros van a ser iguales, por ejemplo 0px = 0cm = 0em = 0rem.

  2. Ay que recordar que los valores se asignan como las manecillas del reloj, cuando solo específicamos un valor, este se aplicará a todos los lados, cuando especificamos dos valores, el primero se le aplica arriba y abajo, y el segundo valor es para los lados, ejemplo:

    /* arriba y abajo tiene 5px */
    /* a los lados tiene 10px */
    margin: 5px 10px;

    Cuando tenemos cuatro valores, estos son de arriba derecha abajo izquierda.

  3. Claro, puedes aplicar hasta los cuatros valores.

precisamente mi duda era relacionada. cuándo defino dos valores cinado cuatro? pero esta respuesta resuelve esa duda. Gracias

¿Y si sólo pongo 3 valores?

Cierto, me olvide de eso. Cuando definimos tres valores, por ejemplo:

margin: 10px 20px 30px;

El primer valor (10px) se aplicará al margen de arriba; el segundo valor (20px) se aplicará a los lados, tanto izquierda como derecha; y el tercer valor (30px) se aplicará al margen de abajo.