Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Duda] Como saber cuando mi propiedad aplica para top, right, left ??

por ejemplo , aqui margin tiene 40px y 0, que son para top-bottom y 0 para left-right?

form {
    margin: 40px 0;

pero aqui tiene 0 0 10px, aqui para que corresponden?


form label {
    display:block;
    font-size: 20px;
    margin: 0 0 10px;

y si tuviera

margin: 0 0 10px 10px;

No comprendo como o cuando cada valor aplica para top,bottom,rigth o left

1 respuesta

Hola Los valores se cuentan en el sentido de las agujas del reloj, comenzando por el top.

  • margin: 0 0 10px 10px; ------> top right bottom left

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

Si tienes 2 valores, el primero es para top y bottom, y el segundo para right y left

  • margin: 40px 0;

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

Para el caso de tres valores el primero es top, el segundo right, el tercero es bottom, y como no tienes 4° (left) adquiere el mismo valor del right.

  • margin: 0 0 10px;

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

Por ultimo, un unico valor, se aplica para todos lados

  • margin: 40px;

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad