War-Design


Você não está conectado. Conecte-se ou registre-se

[TUTORIAL]CSS Propriedade Posição

Ir em baixo  Mensagem [Página 1 de 1]

1 [TUTORIAL]CSS Propriedade Posição em Ter Abr 03, 2012 4:10 pm

Stefan

avatar
ADM
Programador

CSS Propriedade Posição

--> WarDesign <--
CSS Propriedade Posição

- Exemplo

Posicionar um elemento h2:

Código:
h2
{
position:absolute;
left:100px;
top:150px;
}

- 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"

- 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".

- 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

http://www.war-design.forumeiros.com

Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum