margin-top
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since julho de 2015.
* Some parts of this feature may have varying levels of support.
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> 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. |
| 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
css
/* 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
margin-top =
<length-percentage> |
auto |
<anchor-size()>
<length-percentage> =
<length> |
<percentage>
<anchor-size()> =
anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )
<anchor-name> =
<dashed-ident>
<anchor-size> =
width |
height |
block |
inline |
self-block |
self-inline
Exemplos
css
.content {
margin-top: 5%;
}
.sidebox {
margin-top: 10px;
}
.logo {
margin-top: -5px;
}
#footer {
margin-top: 1em;
}
Especificações
| Specification |
|---|
| CSS Box Model Module Level 3 # margin-physical |
Compatibilidade de navegadores
Loading…