La propiedad margin-right en CSS se usa para establecer el margen derecho de un elemento. Establece el área de margen en el lado derecho del elemento. También se permiten valores negativos. El valor predeterminado de la propiedad margin-right es cero.
Sintaxis:
margin-right: length|auto|initial|inherit;
El valor de la propiedad:
- longitud: esta propiedad se utiliza para establecer un valor fijo definido en px, cm, pt, etc. Se permite el valor negativo y el valor predeterminado es 0px.
Sintaxis:
margin-right: length;
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
margin-right property
</title>
<!-- margin-right property -->
<style>
h1 {
margin-right: 100px;
border:1px solid black;
}
h2 {
margin-right:250px;
border:1px solid black;
}
</style>
</head>
<body style = "text-align:center">
<h1>GeeksforGeeks</h1>
<h2>margin-right property</h2>
</body>
</html>
Producción:
- auto: Esta propiedad se utiliza cuando se desea y lo determina el navegador.
Sintaxis:
margin-right: auto;
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
margin-right property
</title>
<!-- margin-right property -->
<style>
h1 {
margin-right: auto;
border:1px solid black;
}
h2 {
margin-right:auto;
border:1px solid black;
}
</style>
</head>
<body style = "text-align:center">
<h1>GeeksforGeeks</h1>
<h2>margin-right property</h2>
</body>
</html>
Producción:
- initial Establece el valor de right-margin en su valor predeterminado.
Sintaxis:
margin-right: initial;
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
margin-right property
</title>
<!-- margin-right property -->
<style>
h1 {
margin-right: initial;
border:1px solid black;
}
h2 {
margin-right:initial;
border:1px solid black;
}
</style>
</head>
<body style = "text-align:center">
<h1>GeeksforGeeks</h1>
<h2>margin-right property</h2>
</body>
</html>
Producción:
- heredar: esta propiedad se hereda de su padre.
Navegadores compatibles: los navegadores compatibles con la propiedad margin-right se enumeran a continuación:
- Google Chrome 1.0
- Borde 12.0
- Internet Explorer 3.0
- Firefox 1.0
- Safari 1.0
- Ópera 3.5