Propriedade OvenFlow

[D-D 1]

Com a propriedade Overflow (sobrecarga) do CSS, podemos escolher o que deverá acontecer se o conteúdo ultrapassar o tamanho de uma DIV. Podemos adicionar barra de rolagem, ocultar o conteúdo ultrapassado, etc. Essa propriedade decide o que fazer se o conteúdo exceder o tamanho de um elemento, no nosso exemplo a DIV.

 

Esta propriedade do CSS deve ser usada no lugar da tag iframe do HTML.

 

Tipos de Overflow mais utilizados

 

• hidden - Corta o conteúdo que ultrapassa o tamanho da DIV.
  
• scroll - Mostra as barrades de rolagens, vertical e horizontal, mesmo que não seja necessário.
  
• auto - Acho essa a melhor opção porque só cria barra de rolagem quando necessário.
  

Além dessas três opções temos a inherit que herda os valores, e a opção visible que é a padrão.

Vamos aos exemplos na prática.

Código (X)HTML

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

Código CSS

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

O Resultado Você vai Saber quando fazer!

 

Fonte: Kadunew

 

[add(this) 0]

Hidden: Não "corta", ele é carregado normalmente. Acontece que é escondida a área do elemento que ultrapassar as medidas definidas na altura e largura.

O elemento será carregado por completo qualquer forma.

Scroll: Caso o elemento ultrapasse a altura e largura estabelecida, é criada então barras de rolagem de acordo com a necessidade (vertical, horizontal, vertical e horizontal) para poder visualizar o elemento todo.

 

Faltou citar: visible, initial e inherit.

[D-D 1]

Claro que citei as outras opções, você que não as viu!

 

Até.