CSS Propriedade Posição
--> WarDesign <--
CSS Propriedade Posição
--> WarDesign <--
CSS Propriedade Posição
1° - Exemplo
Posicionar um elemento h2:
- Código:
h2
{
position:absolute;
left:100px;
top:150px;
}
2° - Definição e Uso
A propriedade position especifica o tipo de método de posicionamento utilizado por um elemento (static, relative, absolute ou fixed).
Valor padrão: static
Herdado: não
Versão: CSS2
JavaScript syntax: object.style.position="absolute"
3° - Suporte do Navegador
A propriedade posição é apoiada em todos os principais navegadores.
Nota: O valor "inherit" não é compatível com IE7 e anteriores. IE8 requer um DOCTYPE!. IE9 suporta "inherit".
4° - Valores das Propriedades
static - Elementos torna em ordem, como eles aparecem no fluxo de documentos. Este é o padrão.
absolute - O elemento é posicionado em relação ao seu elemento ancestral primeiro posicionado (não estático)
fixed - O elemento é posicionado em relação à janela do navegador
relative - O elemento é posicionado em relação à sua posição normal, de modo "left: 20" adiciona 20 pixels para a posição esquerda do elemento
inherit - O valor da propriedade position é herdado do elemento pai
----------
© War-Design
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] CSS Propriedade Posição