Exemplo
Posicionar um <h2> elemento:
h2
{
position: absolute;
left: 100px;
top: 150px;
}
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A propriedade position especifica o tipo de método de posicionamento utilizado para um elemento (static, relative, absolute or fixed) .
| Valor padrão: | static |
|---|---|
| Herdado: | no |
| Animatable: | no. Read about animatable |
| Versão: | CSS2 |
| sintaxe JavaScript: | object .style.position="absolute" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| position | 1.0 | 7 | 1.0 | 1.0 | 4.0 |
CSS Syntax
position: static|absolute|fixed|relative|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| static | Valor padrão. Elementos processar em ordem, como eles aparecem no fluxo de documentos | Jogue " |
| absolute | O elemento é posicionado em relação à sua primeira posição (not static) elemento ancestral | Jogue " |
| fixed | O elemento é posicionado em relação à janela de navegador | Jogue " |
| relative | O elemento é posicionado em relação à sua posição normal, de modo que "left:20px" adiciona 20 pixels para a posição esquerda do elemento | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
mais Exemplos
Exemplo
Como posicionar um elemento em relação à sua posição normal:
h2.pos_left {
position: relative;
left: -20px;
}
h2.pos_right {
position:
relative;
left: 20px;
} Tente você mesmo " Páginas relacionadas
CSS tutorial: Posicionamento CSS
Referência HTML DOM: position property