margin-top
Sumário
A propriedade CSS
margin-top
de um elemento indica o espaço acima do elemento. Valores negativos são aceitos.
Essa propriedade não tem efeito em elementos non-replaced inline elements, como <tt>
(en-US) ou <span>
.
Initial value | 0 |
---|---|
Aplica-se a | all elements, except elements with table display types other than table-caption , table and inline-table . It also applies to ::first-letter and ::first-line . |
Inherited | não |
Percentages | refer to the width of the containing block |
Computed value | the percentage as specified or the absolute length |
Animation type | a length |
Sintaxe
/* Valores <length> */
margin-top: 10px; /* An absolute length */
margin-top: 1em; /* A length relative to the text size */
margin-top: 5%; /* A margin relative to the nearest block container's width */
/* Valores padrão */
margin-top: auto;
/* Valores globais */
margin-top: inherit;
margin-top: initial;
margin-top: unset;
Valores
<length>
-
Especifica um tamanho fixo. Veja
<length>
(en-US) para possíveis valores. <porcentagem>
-
Um
<percentage>
(en-US) sempre relativo ao width do bloco. auto
-
Veja
margin
.
Sintaxe formal
margin-top =
<length-percentage> |
auto
<length-percentage> =
<length> (en-US) |
<percentage> (en-US)
Exemplos
.content { margin-top: 5%; }
.sidebox { margin-top: 10px; }
.logo { margin-top: -5px; }
#footer { margin-top: 1em; }
Especificações
Especificação | Status | Comentário |
---|---|---|
CSS Box Model The definition of 'margin-top' in that specification. |
Candidata a Recomendação | Sem mudança significativa. |
CSS Transitions The definition of 'margin-top' in that specification. |
Rascunho atual | Define margin-top como animável. |
CSS Level 2 (Revision 1) The definition of 'margin-top' in that specification. |
Recomendação | Remove esse efeito em elementos inline. |
CSS Level 1 The definition of 'margin-top' in that specification. |
Recomendação | Definição inicial. |
Compatibilidade de navegadores
BCD tables only load in the browser