in

Propiedad de margen superior de CSS

Ejemplo

Establezca el margen superior de un elemento

en 25 píxeles:

p.ex1 {
margen superior: 25px;
}

Inténtalo tú mismo »

Más ejemplos de «Pruébelo usted mismo» a continuación.


Definición y uso

los margin-top propiedad establece el margen superior de un elemento.

Nota: Se permiten valores negativos.

Valor por defecto: 0
Heredado: no
Animable: sí, ver propiedades individuales. Leer acerca de animable
Intentalo
Versión: CSS1
Sintaxis de JavaScript: objeto.style.marginTop = «100px» Pruébelo

Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.

Propiedad
margen superior 1.0 6.0 1.0 1.0 3,5


Sintaxis CSS

margen superior: largo| auto | inicial | heredar;

Valores de propiedad


Colapso del margen

Los márgenes superior e inferior de los elementos a veces se contraen en un único margen que es igual al mayor de los dos márgenes.

¡Esto no sucede en los márgenes horizontales (izquierdo y derecho)! ¡Solo márgenes verticales (superior e inferior)!

Mira el siguiente ejemplo:

En el ejemplo anterior, el elemento

tiene un margen superior e inferior de 30 px. El elemento

tiene un margen superior e inferior de 20 px.

Esto significa que el margen vertical entre

y

debe ser de 50px (30px + 20px). Pero debido al colapso del margen, ¡el margen real termina siendo 30px!


Más ejemplos

Ejemplo

Establezca el margen superior para un elemento

al 10% del ancho del contenedor:

p.ex1 {
margen superior: 10%;
}

Inténtalo tú mismo »

Ejemplo

Establezca el margen superior de un elemento

en 2 em:

p.ex1 {
margen superior: 2em;
}

Inténtalo tú mismo »


páginas relacionadas

Tutorial CSS: Margen CSS

Referencia HTML DOM: propiedad marginTop

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

oracle social share fb 480 2516041

oracleERP frente a Workday

spmodules

Tutorial de módulos Spring – javatpoint