Compartir a través de


margin-right

Establece el alto del margen derecho del objeto.

Sintaxis

{ margin-right: sWidth }

Valores posibles

sWidth

Variante que especifica o recibe uno de los valores siguientes:

auto

Valor predeterminado. El margen derecho se establece en el mismo valor que el margen izquierdo.

width

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.

percentage

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-right 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-right: 2cm; }
    .margin1 { margin-right: 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- right ='2cm'" 
ondblclick="this.style.margin-right=''">

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)) Ee371256.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