Propiedad marginRight de estilo
- Página anterior marginLeft
- Página siguiente marginTop
- Volver a la capa superior Objeto Style de HTML DOM
Definición y uso
marginRight
configura o devuelve el margen derecho externo del elemento.
Atributo margin y Atributo padding Insertan espacio alrededor del elemento. Sin embargo, la diferencia radica en que margin inserta espacio alrededor del borde, mientras que padding inserta espacio dentro del borde del elemento.
Vea también:
Tutoriales de CSS:Margen externo de CSS
Manual de CSS:Atributo margin-right
Manual de HTML DOM:Atributo margin
Ejemplo
Ejemplo 1
Establecer el margen derecho externo del elemento <div>:
document.getElementById("myDiv").style.marginRight = "50px";
Ejemplo 2
Vuelva a establecer el margen derecho externo del elemento <div> a "normal":
document.getElementById("myDiv").style.marginRight = "0px";
Ejemplo 3
Devuelve el margen derecho externo del elemento <div>:
alert(document.getElementById("myDiv").style.marginRight);
Ejemplo 4
Diferencia entre marginRight y paddingRight:
function changeMargin() { document.getElementById("myDiv").style.marginRight = "200px"; } function changePadding() { document.getElementById("myDiv2").style.paddingRight = "200px"; }
Sintaxis
Devuelve marginRight atributo:
object.style.marginRight
Configurar marginRight atributo:
object.style.marginRight = "%|length|auto|initial|inherit"
Valor del atributo
Valor | Descripción |
---|---|
% | Defina el margen derecho externo como un porcentaje del ancho del elemento padre. |
length | Defina el margen derecho externo con una unidad de longitud. |
auto | Configuración del navegador para el margen derecho externo. |
initial | Establezca este atributo en su valor predeterminado. Consulte initial. |
inherit | Hereda este atributo de su elemento padre. Consulte inherit. |
Detalles técnicos
Valor predeterminado: | 0 |
---|---|
Valor de retorno: | Cadena que representa el margen derecho externo del elemento. |
Versión de CSS: | CSS1 |
Navegador compatible
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Soporte | Soporte | Soporte | Soporte | Soporte |
- Página anterior marginLeft
- Página siguiente marginTop
- Volver a la capa superior Objeto Style de HTML DOM