Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.
CSS: propiedad de margen derecho
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada Margen derecho Con sintaxis y ejemplos.
describir
La propiedad margin-right de CSS define el margen en el lado derecho de un elemento.
sintaxis
La sintaxis de la propiedad CSS margin-right es:
margin-right: value;
parámetro o parámetro
valor
El margen aplicado al lado derecho del elemento. Puede ser uno de los siguientes:
valor | describir |
---|---|
estable | valor fijo en px, em, … div { margen derecho: 10px; } div { margen derecho: 4em; } |
porcentaje | valor porcentual div { margen derecho: 6%; } |
carro | para centrar bloques div { margen derecho: auto; } |
heredar | El elemento heredará el margen derecho de su elemento principal div { margen derecho: heredar; } |
notas
- El valor de la propiedad margin-right de CSS se puede expresar como un valor fijo o como un porcentaje.
- Se permiten valores negativos en la propiedad margin-right de CSS.
- Cuando el valor se proporciona como un porcentaje, es relativo al ancho del bloque que lo contiene.
- Véase también margen, margen superior, margen inferior y margen izquierdo.
Compatibilidad del navegador
La propiedad margin-right de CSS tiene soporte básico para los siguientes navegadores:
- Aleación de cromo
- androide
- Firefox (Geco)
- Firefox móvil (Geco)
- Navegador de Internet (IE)
- es decir, móvil
- ópera
- Ópera Móvil
- Safari (WebKit)
- Safari para móvil
ejemplo
Discutiremos la propiedad margin-right a continuación, explorando ejemplos de cómo usarla con valores fijos y porcentuales en CSS.
usar valor fijo
Veamos un ejemplo de margen derecho de CSS en el que proporcionamos el valor como un valor fijo.
div { margin-right: 4px; }
En este ejemplo de margen derecho de CSS, proporcionamos un valor de 4px, que se aplicará al lado derecho del elemento.
Veamos otro ejemplo de margen derecho de CSS con un valor fijo.
div { margin-right: 5em; }
En este ejemplo de margen derecho de CSS, proporcionamos un valor de 5em, que se aplicará al lado derecho del elemento.
porcentaje de uso
Veamos un ejemplo de margen derecho de CSS en el que proporcionamos un valor porcentual.
div { margin-right: 3%; }
En este ejemplo de margen derecho de CSS, proporcionamos un valor del 3 %, que se aplicará al lado derecho del elemento.
uso automático
Veamos un ejemplo de proporcionar el valor como automático.
div { margin-right: auto; }
En este ejemplo, vamos a