Propriedades de Posicionamento em CSS
As propriedades de Posicionamento em CSS definem a posição de um elemento.
Exemplos
Especificar a forma de uma elemento
Este exemplo demonstra como especificar a forma de um elemento. O elemento é cortado naquela forma, e exibido.
Especificar a posição esquerda e superior de um elemento
Este exemplo demonstra como especificar a posição esquerda e superior de um elemento.
Especificar a posição direita e inferior de um elemento
Este exemplo demonstra como especificar a posição direita e inferior de um elemento.
Sobrecarga (Overflow)
Este exemplo demonstra como configurar a propriedade overflow para especificar o que deve acontecer quando o conteúdo de um elemento é muito grande para caber numa área específica.
Alinhar verticalmente uma imagem
Este exemplo demonstra como alinhar verticalmente uma imagem num texto.
Z-index
O Z-index pode ser usado para posicionar um elemento "atrás" de outro elemento, usando a prioridade Z-index.
Z-index
Confira que os elementos agora mudaram sua prioridade Z-index.
CSS Positioning
As propriedades de Posicionamento permitem-lhe especificar a posição esquerda, direita, superior e inferior de um elemento. Também permitem-lhe especificar a forma de um elemento, posicionar um elemento atrás de outro, e especificar o que deve acontecer quando o conteúdo de um elemento é muito grande para caber numa área específica.
Propriedades de Posicionamento:
NN: Netscape, IE: Internet Explorer, W3C:
Padrão Web
| Propriedades |
Descrição |
Valores |
NN |
IE |
W3C |
| bottom |
Especifica a extremidade inferior de um elemento |
auto
%
length |
6.0 |
5.0 |
CSS2 |
| clip |
Especifica a forma de um elemento. O elemento é cortado naquela forma, e exibido |
shape
auto |
6.0 |
4.0 |
CSS2 |
| left |
Especifica a extremidade esquerda de um elemento |
auto
%
length |
4.0 |
4.0 |
CSS2 |
| overflow |
Especifica o que acontece se o conteúdo de um elemento sobrecarrega sua área |
visible
hidden
scroll
auto |
6.0 |
4.0 |
CSS2 |
| position |
Posiciona um elemento numa posição estática, relativa, absoluta oui fixa |
static
relative
absolute
fixed |
4.0 |
4.0 |
CSS2 |
| right |
Especifica a extremidade direita de um elemento |
auto
%
length |
|
5.0 |
CSS2 |
| top |
Especifica quão longe a extremidade superior de um elemento está acima;abaixo da extremidade superior do elemento pai (parent) |
auto
%
length |
4.0 |
4.0 |
CSS2 |
| vertical-align |
Especifica o alinhamento vertical de um elemento |
baseline
sub
super
top
text-top
middle
bottom
text-bottom
length
% |
4.0 |
4.0 |
CSS1 |
| z-index |
Especifica a ordem de empilhamento (stack order) de um elemento |
auto
number |
6.0 |
4.0 |
CSS2 |
| 
HOME
