css - fit - ¿Qué margen: 5px 0; y margen: 5px 0 0; ¿media?

resize image css

Question

Tiene margin:5px 0; margin:5px 0 0 0; medio margin:5px 0 0 0; o margin:5px 0 5px 0; ?

Tiene margin:5px 0 0; margin:5px 0 0 0; medio margin:5px 0 0 0; ?

Lo mismo para el relleno, por supuesto.

Además, ¿es coherente en todos los navegadores (incluido IE6)?

Answer 1

Para el margen y el relleno, puede especificar uno, dos, tres o cuatro valores separados por espacios en blanco:

1. Un valor: los cuatro lados usan ese valor.
2. Dos valores: arriba / abajo obtener el primer valor; izquierda / derecha obtener el segundo
3. Tres valores: superior obtiene el primero, izquierda / derecha obtiene el segundo, inferior obtiene el tercero
4. Cuatro valores: superior, derecho, inferior, izquierdo (es decir, en el sentido de las agujas del reloj desde el mediodía ) obtenga cada valor

Answer 2

Según el modelo de caja :

• Si solo hay un valor, se aplica a todos los lados.
• Si hay dos valores, los márgenes superior e inferior se establecen en el primer valor y los márgenes derecho e izquierdo se establecen en el segundo.
• Si hay tres valores, la parte superior se establece en el primer valor, la izquierda y la derecha se establecen en el segundo, y la parte inferior se establece en el tercero.
• Si hay cuatro valores, se aplican a la parte superior , derecha , inferior e izquierda , respectivamente.

body { margin: 2em }         /* all margins set to 2em */
body { margin: 1em 2em }     /* top & bottom = 1em, right & left = 2em */
body { margin: 1em 2em 3em } /* top=1em, right=2em, bottom=3em, left=2em */

Esto está definido por el estándar CSS, por lo que debe ser consistente en todos los navegadores que implementan CSS correctamente. Para las compatibilidades del navegador, consulte el Historial de soporte de CSS de quirksmode y el modo quirksmode . Según blooberry, el margin se implementó por primera vez en IE3, por lo que IE6 debería estar bien.

Answer 3

margin: 5px 0; margin: 5px 0 5px 0; medios margin: 5px 0 5px 0;

margin: 5px 0 0; margin: 5px 0 0 0; medios margin: 5px 0 0 0;

Todos los navegadores siguen esto, incluido IE 6.