LMMD-MUS LMMD-MUS LMMD-MUS

home HOME

CSS Básico
CSS Início
CSS Introdução
CSS Sintaxe
CSS Como Fazer
CSS Background
CSS Texto
CSS Fonte
CSS Borda
CSS Margem
CSS Padding
CSS Lista

CSS Avançado
CSS Dimensão
CSS Classificação
CSS Posicionamento
CSS Pseudo-classe
CSS Pseudo-elemento
CSS Tipos de Mídia

Propriedades de Posicionamento em CSS

Anterior Próxima

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


Anterior Próxima