margin-top

La propietat CSS margin-top estableix l'àrea de marge en la part superior d'un element . Un valor positiu el situarà més enllà del normal dels seus veïns, mentre que un valor negatiu el situarà més a prop.

/* <length> values */
margin-top: 10px;  /* An absolute length */
margin-top: 1em;   /* relative to the text size */
margin-top: 5%;    /* relative to the nearest block container's width */

/* Keyword values */
margin-top: auto;

/* Global values */
margin-top: inherit;
margin-top: initial;
margin-top: unset;

The effect of the CSS margin-top property on the element box

Initial value	`0`
Applies to	all elements, except elements with table `display` types other than `table-caption`, `table` and `inline-table`. It also applies to `::first-letter`.
Inherited	no
Percentages	refer to the width of the containing block
Media	visual
Computed value	the percentage as specified or the absolute length
Animation type	a length
Canonical order	the unique non-ambiguous order defined by the formal grammar

Sintaxi

La propietat margin-top és especificada amb la paraula clau auto, o un <length>, o un <percentage>. El seu valor pot ser positiu, zero o negatiu.

Valors

<length>: La grandària del marge com a valor fix.
<percentage>: La grandària del marge com a percentatge, en relació amb l'amplada del bloc contenidor.
auto: El navegador selecciona un valor adequat per utilitzar. Veure margin.

Sintaxi formal

<length> | <percentage> | auto

Exemples

.content { margin-top:   5%; }
.sidebox { margin-top: 10px; }
.logo    { margin-top: -5px; }
#footer  { margin-top:  1em; }

Especificacions

Especificació	Estat	Comentsri
CSS Basic Box Model The definition of 'margin-top' in that specification.	Working Draft	No hi ha cap canvi significatiu
CSS Transitions The definition of 'margin-top' in that specification.	Working Draft	Defineix `margin-top` com animable.
CSS Level 2 (Revision 1) The definition of 'margin-top' in that specification.	Recommendation	Elimina el seu efecte en els elements en línia
CSS Level 1 The definition of 'margin-top' in that specification.	Recommendation	Definició inicial.

Descripció	Chrome	Edge	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Suport bàsic	1.0	(Yes)	1.0 (1.7 or earlier)	3.0	3.5	1.0 (85)
valor `auto`	1.0	(Yes)	1.0 (1.7 or earlier)	6.0 (strict mode)	3.5	1.0 (85)

Descripció	Android	Edge	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Suport bàsic	1.0	(Yes)	1.0 (1)	6.0	6.0	1.0