validar plugin plantillas personalizar form español enviar customizer columnas color cf7 campos cambiar cabeceras boton adicionales html css css3 webkit

html - plugin - ¿Cuál es la diferencia entre margin-top y-webkit-margin-before?



plantillas contact form 7 (2)

Webkit ha agregado sus propios márgenes específicos que son:

-webkit-margin-before: -webkit-margin-after: -webkit-margin-start: -webkit-margin-end:

Entiendo la diferencia de (margin-left y -webkit-margin-start) o (margin-right y -webkit-margin-end) que está relacionada con los idiomas "de izquierda a derecha" o "de derecha a izquierda".

Mi pregunta es ¿cuál es la diferencia entre (margin-top y -webkit-margin-before) o (margin-bottom y -webkit-margin-after)?

Nota: Es obvio que el prefijo -webkit solo funciona en los navegadores de motores de webkit como Chrome y Safari. Esta pregunta no está relacionada con ella.


La mejor respuesta que puedo encontrar hasta ahora es -web-margin-before actúa igual que margin-top en los documentos normales, pero actuará como margin-bottom en los idiomas "de abajo hacia arriba" (la misma idea se aplica a -webkit-margin-after ).

Puede encontrar un número de idiomas "de abajo a arriba" en este enlace omniglot.com/writing/direction.htm (gracias a @MarkPlewis)


Mientras que Chrome y WebKit admiten todas las propiedades y palabras clave de -webkit-, Safari solo admite el inicio (Mozilla lo hace un poco mejor, ya que admite el inicio y el final). Sin embargo, se dice que todas estas propiedades funcionan en Safari 6; así que cuando se envíe, tendremos que reemplazar los valores superior, derecho e inferior con las propiedades prefijadas para hacer que nuestra "dirección" de estilo sea agnóstica.

Básicamente -webkit- puede usarse para apuntar a diferentes navegadores como Safari, Chrome y Firefox. El artículo detallado se puede encontrar here .

En este artículo se describe la creación de una hoja de estilos base para navegadores basados ​​en WebKit.

Para evitar no aplicar los valores de -webkit- que uso:

*, *:before, *:after { box-sizing: inherit; }