CSS marginPropiedad


Ejemplo

Establecer los cuatro márgenes de un elemento p:

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

Pruébalo »

Definición de la propiedad e instrucciones de uso

La propiedad abreviada margin establece todas las propiedades de margen exterior en una sola declaración. Esta propiedad puede tener de 1 a 4 valores.

Ejemplo:

  • margin:10px 5px 15px 20px;
    • El margen superior es 10px
    • El margen derecho es 5px
    • El margen inferior es 15px
    • El margen izquierdo es 20px

  • margin:10px 5px 15px;
    • El margen superior es 10px
    • Los márgenes derecho e izquierdo son 5px
    • El margen inferior es 15px

  • margin:10px 5px;
    • Los márgenes superior e inferior son 10px
    • Los márgenes derecho e izquierdo son 5px

  • margin:10px;
    • Los cuatro márgenes son 10px

Nota:Se permiten valores negativos.

Valor predeterminado: 0
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: object.style.margin="10px 5px"

Compatibilidad del navegador

Los números de la tabla indican la primera versión del navegador que soporta la propiedad.

Propiedad
margin 1.0 6.0 1.0 1.0 3.5

Valores de la propiedad

Valor Descripción
auto El navegador calcula el margen exterior.
length Especifica el valor del margen exterior en unidades concretas, como píxeles, centímetros, etc. El valor predeterminado es 0px.
% Especifica el margen exterior como un porcentaje basado en el ancho del elemento padre.
inherit Especifica que el margen exterior debe heredarse del elemento padre.

Artículos relacionados

Tutorial de CSS:CSS Margin

Otras extensiones