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
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
Estamos convertendo nossos dados de compatibilidade para o formato JSON.
Esta tabela de compatibilidade ainda usa o formato antigo,
pois ainda não convertemos os dados que ela contém.
Descubra como você pode ajudar! (en-US)
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Suporte básico | 1.0 | 1.0 (1.7 or earlier) | 3.0 | 3.5 | 1.0 (85) |
Valor auto |
1.0 | 1.0 (1.7 or earlier) | 6.0 (strict mode) | 3.5 | 1.0 (85) |
Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Suporte básico | 1.0 | 1.0 (1) | 6.0 | 6.0 | 1.0 |