Informática Numaboa - Tutoriais e Programação
Pequeno laboratório de CSS III
|
Ter 18 Abr 2006 18:56 |
- Detalhes
- Categoria: CSS - Cascanding Style Sheet
- Atualização: Domingo, 12 Abril 2009 11:03
- Autor: vovó Vicki
- Acessos: 12989
As propriedades de posicionamento permitem controlar a posição esquerda, direita, superior e inferior de elementos, designar a forma de um elemento, colocar um elemento atrás de outros e especificar o que deve ser feito caso o conteúdo de um elemento seja muito grande para caber na área especificada.
Se você não sabe o que é CSS ou quais são os fundamentos do CSS, sugiro que leia o Tutorial de CSS e os pequenos tutoriais referentes a cada grupo de propriedades antes de continuar.
Propriedades de posicionamento
Clique várias vezes nos links da tabela para ver como as propriedades de posicionamento são entendidas pelo navegador e colocadas na Área de Teste.
Na tabelas abaixo, a coluna IE indica a versão do Internet Explorer, a F do Firefox e a N do Netscape. A coluna W3C indica a versão da recomendação (CSS1 ou CSS2).
 |
Aqui fica um texto que não cabe no quadrado. Aqui está um texto que não cabe no quadrado. Aqui está um texto que não cabe no quadrado. |
| Propriedade | Descrição | Valores | IE | F | N | W3C |
| bottom | O quanto um elemento pode ficar acima/abaixo do limite inferior do elemento pai. | auto length % |
5 | 1 | 6 | 2 |
| clip | Determina a forma de um elemento. O elemento é cortado e colocado dentro da forma. | shape auto |
4 | 1 | 6 | 2 |
| left | O quanto um elemento pode ficar à esquerda/direita do limite esquerdo do elemento pai. | auto length % |
4 | 1 | 4 | 2 |
| overflow | Determina o que acontece se o conteúdo de um elemento extrapola a sua área. | visible hidden scroll auto |
4 | 1 | 6 | 2 |
| position | Coloca o elemento numa posição estática, absoluta, relativa ou fixa. | static relative absolute fixed |
4 | 1 | 4 | 2 |
| right | O quanto um elemento pode ficar à esquerda/direita do limite direito do elemento pai. | auto length % |
5 | 1 | 6 | 2 |
| top | O quanto um elemento pode ficar acima/abaixo do limite superior do elemento pai. | auto length % |
4 | 1 | 4 | 2 |
| vertical-align | O alinhamento vertical do elemento. | baseline sub super top text-top middle bottom text-bottom length % |
4 | 1 | 4 | 1 |
| z-index | A posição que o elemento ocupa na pilha. | auto number |
4 | 1 | 6 | 2 |
TEXTO TEXTO TEXTO TEXTO  |