margin-top

Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.

Sumário

The effect of the CSS margin-top property on the element boxA 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> ou <span>.

Initial value0
Aplica-se aall elements, except elements with table display types other than table-caption, table and inline-table. It also applies to ::first-letter.
Inheritednão
Percentagesrefer to the width of the containing block
Midiavisual
Computed valuethe percentage as specified or the absolute length
Animatableyes, as a length
Canonical orderthe unique non-ambiguous order defined by the formal grammar

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> para possíveis valores.
<porcentagem>
Um <percentage> sempre relativo ao width do bloco.
auto
Veja margin.

Sintaxe formal

<length> | <percentage> | auto

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 Basic Box Model
The definition of 'margin-top' in that specification.
Working Draft Sem mudança significativa.
CSS Transitions
The definition of 'margin-top' in that specification.
Working Draft Define margin-top como animável.
CSS Level 2 (Revision 1)
The definition of 'margin-top' in that specification.
Recommendation Remove esse efeito em elementos inline.
CSS Level 1
The definition of 'margin-top' in that specification.
Recommendation Definição inicial.

Compatibilidade de navegadores

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

Etiquetas do documento e colaboradores

 Colaboradores desta página: Sebastianz, dlepera
 Última atualização por: Sebastianz,