margin-top

Artículo
10/11/2017

Establece el alto del margen superior del objeto.

Sintaxis

{ margin-top:sHeight }

Valores posibles

sHeight

Variante que especifica o recibe uno de los valores siguientes:

auto

Valor predeterminado. El margen superior se establece en el mismo valor que el margen inferior.

height

Número de punto flotante, seguido por un designador de unidades absolutas ( cm , mm , in, pt o pc ) o un designador de unidades relativas ( em , ex o px ).

Para obtener más información acerca de las unidades de longitud admitidas, vea Referencia de unidades de longitud.

porcentaje

Entero seguido de un signo de porcentaje (%). El valor es un porcentaje del alto del objeto primario.

La propiedad tiene el valor predeterminado auto y no se hereda.

Observaciones

Para los elementos en línea, se usa el valor de esta propiedad para calcular el área de borde de un elemento en línea que lo rodea, si existe. Este valor no contribuye al alto de una línea.

Se admiten márgenes negativos, excepto para los márgenes superior e inferior en los objetos en línea.

Ejemplos

En el siguiente ejemplo se usa la propiedad margin-top para cambiar el margen del objeto. Se utiliza el elemento HR como selector y margin1 como una clase en una hoja de estilo incrustada para establecer el margen superior de la regla horizontal:

<style>
    hr { margin-top: 2cm; }
    .margin1 { margin-top: 4cm; }
</style>
</head>
<body>
<hr onclick="this.className='margin1'" ondblclick="this.className=''">
</style>

Este ejemplo usa scripting en línea para establecer y restablecer el margen cuando se produzcan los eventos onclick y ondblclick respectivamente:

<hr onclick="this.style.margin-top='2cm'" 
ondblclick="this.style.margin-top=''">

Información sobre estándares

Esta propiedad se define en la especificación Cascading Style Sheets (CSS), Level 1 (CSS1) (Hojas de estilos en cascada (CSS), nivel 1 (CSS1)) Ee371241.xtlink_newWindow(es-es,Expression.40).png .

Aplicable a

a, abbr, acronym, b, bdo, big, blockquote, body, button, caption, center, cite, code, custom, dd, defaults, del, dfn, div, dl, dt, em, embed, fieldset, font, form, hn, hr, i, iframe, img, input type=button, input type=checkbox, input type=file, input type=image, input type=password, input type=radio, input type=reset, input type=submit, input type=text, ins, li, object, ol, p, q, s, span, sub, table, td, th, tt, u, ul, var, xmp

Vea también

Conceptos

margin
padding