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;
}