CSS Prorpiedade overflow

Continuando com os estudos de CSS eu irei falar sobre a propriedade overflow.Ela é muito util, pois impede o transbordamento de conteúdo tanto que isso é o que aparece se formos ao Google tradutor e colocar overflow você vera que significa transbordar.Ele tem alguns modos mais conhecidos:


  • auto
  • hidden
  • scroll
Irei mostrar aqui:

<html><head><style type="text/css">
#ex2{overflow: hidden;width: 12px;height: 12px;}
#ex3{overflow: scroll;width: 12px;height: 12px;}
#ex4{overflow: auto;width: 12px;height: 12px;}
</style></head><body><div id="ex2">Exemplo de hidden</div><div id="ex3">Exemplo de scroll</div><div id="ex4">Exemplo de auto</div></body></html>


Exemplo de hidden


Exemplo de scroll

Bem, quase não da para ver o exemplo... mas acho que da para entender como funciona.
Ate a próxima postagem!
Exemplo de auto



Nenhum comentário:

Postar um comentário

Se te ajudou essa postagem, comente!Se você gostou da postagem,Comente!Se encontrou um erro, Comente!Se tem um critica,Comente!Alias não custa nada.