margen: 0 valores de propiedad automática enumerados una vez frente a

margen: 0 valores de propiedad automática enumerados una vez frente a dos veces

Estoy repasando algo de CSS básico y encontré un tutorial que decía usar:

margin: 0 auto 0 auto;

a diferencia de...

margin: 0 auto;

por sí mismo, para centrar algo.

¿Puede alguien explicarme si hay alguna diferencia entre poner 0 automático una vez, en lugar de dos veces? Cuando codifico, no noto la diferencia, así que supongo que usar 0 auto, once es una forma abreviada que hace exactamente lo mismo.

Mostrar la mejor respuesta

margin: top right bottom left; o puede usar margin: (top-bottom) (right-left); para que no haya diferencia con sus valores

Es una forma abreviada similar a la forma en que #fff es una forma abreviada de #ffffff. Con valores medibles, la taquigrafía CSS generalmente sigue un patrón en el sentido de las agujas del reloj que comienza en la parte superior: arriba, derecha, abajo, izquierda. Un solo valor proporciona los cuatro, dos valores se alternan y tres dan valores distintos para la parte superior e inferior mientras se repite el segundo valor para la izquierda y la derecha.

margin: 0 auto es la abreviatura de margin: 0 auto 0 auto;, o margin: top/bottom left/right

No, no hay diferencia entre

margin: 0 auto 0 auto;

y

margin: 0 auto;

puede leer más aquí

Cuando se especifica un valor, se aplica el mismo margen a los cuatro lados.

Cuando se especifican dos valores, el primer margen se aplica a la parte superior e inferior. abajo, el segundo a la izquierda y el segundo a la derecha.

Cuando se especifican tres valores, el primer margen se aplica a la parte superior, el segundo a izquierda y derecha, el tercero al fondo.

Cuando se especifican cuatro valores, los márgenes se aplican a la parte superior, derecha, abajo y a la izquierda en ese orden (en el sentido de las agujas del reloj).