CSS:Overflow

 Share 

Descripción

Propiedad que permite indicar el comportamiento que ha de tener un contenido cuando desborda el tamaño asignado que tiene. Los valores que puede tener overflow serían:

• visible, el contenido que sobresale no se corta. Se renderiza fuera del área que tenía asignado. Este es el valor por defecto.
• hidden, el contenido que sobresale se corta y el resto del contenido se queda como invisible.The overflow is clipped, and the rest of the content will be invisible
• scroll, el contenido que sobresale se corta, pero se añade una scrollbar que nos permite llegar al resto del contenido.
• auto, si el contenido que sobresale se corta, se añade una scrollbar para ver el resto del contenido.content
• inherit, el valor será heredado del elemento padre.

Sintaxis

overflow

Ejemplo

<style type="text/css">
//Ocultar las barras de scroll
html,body { 
  overflow:hidden; 
}
</style>

Líneas de Código

• Quitar el scroll de nuestra página web
• Controlando el overflow de una capa
• Código fuente en una capa con scroll