El mejor tutorial de propiedad margin CSS en 2024. En este tutorial podrás aprender Ejemplos,Definiciones de atributos e instrucciones,Soporte para el navegador,propiedad Valor,Artículos relacionados,

propiedad margin CSS

Ejemplos

Un elemento p establece los cuatro márgenes:

p
{
margen: 2 cm 4 cm 3 cm 4 cm;
}

Trate »

Definiciones de atributos e instrucciones

propiedad margin abreviada establece todas las propiedades de los márgenes en una declaración. Esta propiedad puede tener el valor 1-4.

Ejemplo:

  • margen: 10px 5px 15px 20px;
    • Los márgenes son 10px
    • margen derecho es 5px
    • márgenes más bajos son 15px
    • margen izquierdo es de 20 píxeles

  • margen: 10px 5px 15px;
    • Los márgenes son 10px
    • En los márgenes derecho e izquierdo son 5px
    • márgenes más bajos son 15px

  • margen: 10px 5px;
    • En los márgenes superior e inferior son 10px
    • En los márgenes derecho e izquierdo son 5px

  • margen: 10px;
    • Todos los cuatro márgenes son 10px

Nota: Los valores negativos son permitidos.

Por defecto: 0
herencia: no
Version: CSS1
la sintaxis de JavaScript: objetar .style.margin = "5px 10px"


Soporte para el navegador

Las cifras de la tabla representan el primer navegador compatible con el número de versión de la propiedad.

属性
margin 1.0 6.0 1.0 1.0 3.5

propiedad Valor

valor descripción
auto Navegador calcula margen.
longitud En particular, la Unidad margen disposiciones de valor, tales como píxeles, centímetros, y similares. El valor por defecto es 0px.
% Sobre la base de un porcentaje predeterminado de los márgenes de anchura del elemento padre.
heredar El margen de disposiciones debe heredar del elemento padre.


Artículos relacionados

CSS tutorial: Margen CSS

propiedad margin CSS
10/30