Os materiais didáticos aqui disponibilizados estão licenciados através de Creative Commons Atribuição-SemDerivações-SemDerivados CC BY-NC-ND. Você possui a permissão para visualizar e compartilhar, desde que atribua os créditos do autor. Não poderá alterá-los e nem utilizá-los para fins comerciais.
Atribuição-SemDerivações-SemDerivados
CC BY-NC-ND
Cursos / Informática para Internet / Autoria Web / Aula
Para posicionar um elemento um ao lado do outro, ou um por cima, ou por baixo do outro, deve-se utilizar as propriedades associadas ao posicionamento. Essas propriedades definem um método de posicionamento por meio da propriedade position, e a posição propriamente dita através das demais propriedades listadas no quadro a seguir.
| Propriedade | Descrição | Valores Possíveis | CSS |
| bottom | Especifica a posição vertical inferior | auto tamanho % |
2 |
| clip | Especifica o tamanho de um elemento posicionado com o método absolute | rect (valor do topo, valor da direita, valor de baixo, valor da esquerda) auto | 2 |
| cursor | Especifica o tipo de cursor que é mostrado ao passar o mouse por cima do elemento | url auto crosshair default pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help |
2 |
| left | Especifica a posição horizontal esquerda | auto tamanho % |
2 |
| overflow | Especifica o que acontece se o conteúdo de um elemento é maior que a caixa dele | auto hidden scroll visible |
2 |
| position | Especifica o método de posicionamento | absolute fixed relative static |
2 |
| right | Especifica a posição horizontal direita | auto tamanho % |
2 |
| top | Especifica a posição vertical superior | auto tamanho % |
2 |
| z-index | Especifica se um elemento sobrepõe ou é sobreposto por outros | número auto |
2 |
Observação:Todas as propriedades associadas a posicionamento foram definidas na versão 2 de CSS, sendo assim, browsers antigos podem não mostrar, adequadamente, os elementos estilizados com essas propriedades.
Versão 5.3 - Todos os Direitos reservados