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